javascript - 定位具有特定数据属性值的元素

Question

我正在编写下面的代码。如何将 .click() 添加到具有 HD 特定数据属性的 a 链接？

if ($(a).data("quality") == "HD") {
  $(this).click();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="stream">
  <li><a data-quality="L">Low</a></li>
  <li><a data-quality="M">Med</a></li>
  <li><a data-quality="HD">HD</a></li>
</ul>

Answer 1

使用Attribute Selector

$("a[data-quality=HD]").click();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="stream">
  <li><a data-quality="L">Low</a></li>
  <li><a data-quality="M">Med</a></li>
  <li><a data-quality="HD">HD</a></li>
</ul>