属性で要素を選択

生成されたIDを持つチェックボックスのコレクションがあり、それらのいくつかには追加の属性があります。JQueryを使用して、要素に特定の属性があるかどうかを確認することはできますか？たとえば、次の要素に属性「myattr」があるかどうかを確認できますか？属性の値はさまざまです。

<input type="checkbox" id="A" myattr="val_attr">A</input>

たとえば、この属性を持つすべてのチェックボックスのコレクションを1つずつチェックせずに取得するにはどうすればよいですか？これは可能ですか？

それらを選択できるということですか？そうであれば、はい：

$(":checkbox[myattr]")

if ($('#A').attr('myattr')) {
    // attribute exists
} else {
    // attribute does not exist
}

編集：

上記は存在するelse場合は-branchに該当しmyattrますが、空の文字列または "0"です。それが問題である場合、明示的にテストする必要がありますundefined。

if ($('#A').attr('myattr') !== undefined) {
    // attribute exists
} else {
    // attribute does not exist
}

質問されてから久しぶりのことですが、次のように小切手がはっきりしていることがわかりました。

if ($("#A").is('[myattr]')) {
    // attribute exists
} else {
    // attribute does not exist
}

（このサイトのここにあるように）

ドキュメントはおよそされていますここに

これは動作します：

$('#A')[0].hasAttribute('myattr');

JavaScriptでは...

null == undefined

...戻りますtrue*。それは違います==と===。また、名前undefinedを定義できるので（キーワードのようでnullはありません）、他の方法で確認することをお勧めします。最も信頼できる方法は、おそらくtypeof演算子の戻り値を比較することです。

typeof o == "undefined"

それでも、この場合はnullと比較して機能するはずです。

*仮定undefinedは実際には未定義です。

$("input[attr]").length より良いオプションかもしれません。

"typeof"、jQuery ".is"、および ".filter"を使用していくつかのアイデアが投げ合わされたので、それらの簡単なパフォーマンス比較を投稿したいと思いました。typeofはこのための最良の選択のようです。他の方法は機能しますが、この作業のためにjqライブラリを呼び出すと、パフォーマンスに明らかな違いがあるようです。

if (!$("#element").attr('my_attr')){
  //return false
  //attribute doesn't exists
}

以下のように、このポスト、使用.isおよび属性セレクタ[]は、簡単に機能（またはプロトタイプ）を追加することができます。

function hasAttr($sel,attr) {
    return $sel.is('['+attr+']');
}

$("input#A").attr("myattr") == null

単に：

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

詳細：公式ドキュメント

属性を持つすべての要素を選択することに加えて、$('[someAttribute]')または$('input[someAttribute]')クリックハンドラーなどのオブジェクトでブールチェックを実行する関数を使用することもできます。

if(! this.hasAttribute('myattr') ) { ...

上記の問題のある意図された動作でnpmパッケージを作成しました。

[npm]と[github]へのリンク

使い方はとても簡単です。例えば：

<p id="test" class="test">something</p>
$("#test").hasAttr("class")

trueを返します。

キャメルケースにも対応。

特定の属性を持つ要素を選択するには、上記の回答を参照してください。

特定のjQuery要素に特定の属性があるかどうかを確認するには、jQuery trueコレクションの最初の要素にこの属性があるかどうかを返す小さなプラグインを使用しています。

/** hasAttr
 ** helper plugin returning boolean if the first element of the collection has a certain attribute
 **/
$.fn.hasAttr = function(attr) {
   return 0 < this.length
       && 'undefined' !== typeof attr
       && undefined !== attr
       && this[0].hasAttribute(attr)
}

jQueryは属性を文字列として返します。したがって、その文字列の長さをチェックして、が設定されているかどうかを判断できます。

if ($("input#A").attr("myattr").length == 0)
 return null;
else
 return $("input#A").attr("myattr");