JQueryの属性や属性値に基づく要素の取得方法(取得方法は6通り)

クズども · 掲載地 2015/10/28 19:30:55

属性に基づく要素を得る

1. 例えば、ページpタグにIDを持つ要素を取得したい場合

$("p[id]).css("color", "red");

属性値に基づく要素を取得する
1.$。 jQueryでは、$("")という<span>構文は$(document.createElement("span")と同等であり、これは要素を選択する際に使われる用法です:[attribute$=value]、ある属性に一致する要素は、ある値で終わる要素を指します。例を挙げます:
HTMLコード
コードのコピーコードは以下の通りです:

<入力名="newsletter" />
<input name="milkman" />
<input name="jobletter" />

jQueryコード:

$("input[name$='letter']")

コードをコピーします

結果：
[ <input name="newsletter" />, <input name="jobletter" /> ]

2.!。セレクタ:[attribute!=value]は、指定された属性を含まないすべての要素、またはその属性が特定の値に等しくないすべての要素にマッチします。このセレクタは :not([attr=value])に相当します。
以下はいくつかの例です:

<入力タイプ="チェックボックス" 名前="ニュースレター" 値="ホットファズ" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />

jQueryコード:

$("input[name!='newsletter']").attr("checked", true);

コードをコピーします

結果：
[ <input type="checkbox" name="accept" value="Evil Plans" チェック="true" /> ]

3.*。セレクタ:[attribute*=value]、特定の属性にマッチングする要素は特定の値を含む要素です。例を挙げます:
HTMLコード:

<入力名="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />

jQueryコード:

$("input[name*='man']")

コードをコピーします

結果：
[ <input name="man-news" />、<input name="milkman" />、<input name="letterman2" /> ]

4.@。特定の属性を含む要素をマッチさせます。 jQuery 1.3では、先頭の@記号が廃止されています! 最新バージョンと互換性を持たせたい場合は、単純に@記号を外すだけで済みます
はい。

5.^。セレクター:[attribute^=value]、ある属性にマッチングする要素は、ある値で始まる要素です。例を挙げます:
HTMLコード:

<入力名="newsletter" />
<input name="milkman" />
<入力名="newsboy" />

jQueryコード:

$("input[name^='news']")

コードをコピーします

結果：
[ <input name="newsletter" />、<input name ="newsboy" /> ]

6 設定で指定された属性と指定された文字列を持つ要素を取得する
HTMLコード:

<p><input type="checkbox" name="newsletter" value="Hot Fuzz"/> </p><p><input type="checkbox" name="newsletter" value="Cold Fusion" /> </p><p><input type="checkbox" name="accept" value="Evil Plans" /> </p>

コードをコピーします

jQueryコード:

$("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作

コードをコピーします

もちろん、ID属性や$("input[id=id1]).css("color"、赤)などの他の属性に基づいても得られます。
jqueryでは、$("input[name='metaId']]).val())を使うと、選択された無線機の値を直接取得できず、ラジオタグの最初の値のみを取得できます。これはjqueryがxpath言語を使って検索することに関連しており、通常は選択した無線機の値を取得したい場合、いくつかの方法があります。
1. $("input[name='metaId']:checked」).val() を使って、ラジオでname属性の名前を表す//nameを取得します
2. $(":radio:checked").val() を使って // ページを1セットのラジオタグに制限する

[Jquery] JQueryの属性や属性値に基づく要素の取得方法(取得方法は6通り)

関連記事

閲覧したセクション