☰

HTML5 を使用したカスタムデータ属性の jQuery セレクター 質問する

tag-icon • tag-icon javascript jquery jquery-selectors custom-data-attribute
HTML5 を使用したカスタムデータ属性の jQuery セレクター 質問する

HTML5 に付属するこれらのデータ属性に使用できるセレクターを知りたいです。

次の HTML を例に挙げます。

<ul data-group="Companies">
  <li data-company="Microsoft"></li>
  <li data-company="Google"></li>
  <li data-company ="Facebook"></li>
</ul>

取得するセレクターはありますか:

  • data-company="Microsoft"以下のすべての要素"Companies"
  • data-company!="Microsoft"以下のすべての要素"Companies"
  • その他の場合には、「含む、より小さい、より大きいなど」などの他のセレクターを使用することもできます。

ベストアンサー1

$("ul[data-group='Companies'] li[data-company='Microsoft']") //Get all elements with data-company="Microsoft" below "Companies"

$("ul[data-group='Companies'] li:not([data-company='Microsoft'])") //get all elements with data-company!="Microsoft" below "Companies"

調べるjQueryセレクター:containsはセレクターです

ここに情報があります:containsセレクタ

おすすめ記事