Question

您能否请看一下此代码，并告诉我如何将.click()添加到具有a特定数据属性的HD链接中？

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

使用Attribute Selector

queryset|dictsort:'choice_number'

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

Answer 2

您可以使用Attribute Selectors：

$('a[data-quality="HD"]').click(function() {
    //do something
});

Answer 3

您可以使用数据质量属性直接将点击绑定到锚点

<强>演示

$("a[data-quality='HD']").click( function(){
  console.log($(this).text()) 
});

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

纯粹的js方法

＆＃13;

window.onload = clickAnchor();

function clickAnchor() {
let anchorTags = document.getElementsByTagName('a');
for(i=0;i<anchorTags.length;i++) {
if(anchorTags[i].getAttribute('data-quality') == 'HD') {
     anchorTags[i].click();;
  }
}
}

＆＃13;

<ul class="stream">
  <li><a onclick = "alert('low clicked')" data-quality="L">Low</a></li>
  <li><a onclick = "alert('med clicked')" data-quality="M">Med</a></li>
  <li><a onclick = "alert('HD clicked')" data-quality="HD">HD</a></li>
</ul>

＆＃13;

使用特定数据属性值定位元素

4 个答案: