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]")

还有一个很棒的Demo

Answer 2

是的，可以在不迭代ul的所有孩子的情况下执行此操作：

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

FIDDLE DEMO #1

你也可以这样动态：

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

FIDDLE DEMO #2

Answer 3

试试这个

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

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

3 个答案: