javascript - 如何找到具有特定数据的 li

Question

我有以下html代码：

<ul class="dropdown-menu shopping-cart-nav-drpdown">                                                              
    <li class="item" data-item-id="58">

     </li>
     <li class="item" data-item-id="100">

     </li>
     <li class="item last">
     <a href="/cart" class="btn btn-info full-button">View Cart</a>
     </li>
</ul>

在这个里面shopping-cart-nav-drpdown，我如何找到 data-item-id=58 的 li？是否可以在不遍历 ul 的所有子级并使用 getAttributes 的情况下做到这一点？

Answer 1

当然：

 $("li[data-item-id=58]")

还有一个很棒的演示

Answer 2

是的，可以在不遍历 的所有孩子的情况下做到这一点ul：

$('.shopping-cart-nav-drpdown li[data-item-id="58"]');

小提琴演示#1

您还可以像这样使其动态化：

var data = 58;
$('.shopping-cart-nav-drpdown li[data-item-id="' + data + '"]');

小提琴演示#2

Answer 3

尝试这个

jQuery( ".shopping-cart-nav-drpdown li" ).each(function(){
    if($(this).data('item-id')=="58"){
    alert('found');
    }
  });