jqueryでid値を取得する方法まとめ

HTML ページの一部の要素は、このページの一意の ID を持つことができます。jquery を使用して ID 値を取得する方法の概要を次に示します。 jqueryを学ぶ皆さんの参考になれば幸いです。

<div id="product_shift_out_{m}"> </div>
<script language = "JavaScript" type="text/javascript">
$(document).ready(function(){
name = $(&#39;div&#39;).eq(0).attr(&#39;id&#39;);
alert(name)
});
</script>

eq(0) は最初の jq 要素を取得します。 。 。

eq(index)
指定されたindexvalueを持つ要素と一致します

そのインデックスによって単一の要素と一致します。
戻り値
要素

パラメータ
index (数値): 0から数えます

例
検索2行目

は、さまざまなIDの値を取得します

<script src="js/jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
var len = $("#group span").size();//获取span标签的个数
var arr = [];
for(var index = 0; index < len-1; index++){//创建一个数字数组
arr[index] = index;
}
$.each(arr, function(i){//循环得到不同的id的值
var idValue = $("#group span").eq(i).attr("id");
if(idValue != &#39;&#39;){
alert(idValue);
}
});
});
//-->
</script>
<span id="group">
<span id="0_1">aaa,
<span group_id="0_1" class="icon_close"> </span>
</span>
<span id="0_2">bbb,
<span group_id="0_2" class="icon_close"> </span>
</span>
<span id="0_3">ccc,
<span group_id="0_3" class="icon_close"> </span>
</span>
<span id="0_4">ddd,
<span group_id="0_4" class="icon_close"> </span>
</span>
<span id="0_5">eee,
<span group_id="0_5" class="icon_close"> </span>
</span>
</span>

これにより、必要なIDをすべて取得できます:

0_1
0_2
0_3
0_4
0_5

テキストボックス、テキストエリアコード:

$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

複数選択ボックスのチェックボックスコード:

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

以上がjqueryでid値を取得する方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。