ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでid値を取得する方法の使い方まとめ

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

巴扎黑
巴扎黑オリジナル
2017-06-20 15:49:291727ブラウズ

ID とは、p、input、iframe など、HTML ページ内の一部の要素がこのページの一意の ID を持つことができることです。次に、知る必要がある場合に、jquery を使用して ID 値を取得する方法を紹介します。友達は次のように

コードを参照できます:

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

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

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

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

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


検索

HTML コードの 2 行目:

コードは次のとおりです:

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

jQuery コード:

コードは次のとおりです:

$("tr:eq(1)")

結果:

コードは次のとおりです:

[


0_20_3

0_4

0_5

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

コードは次のとおりです:

<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>

複数選択ボックスチェックボックス:

コードは次のとおりです:以下の通り:

rree

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。