如何使用jQuery获取具有特定类的元素的ID属性

Question

我想获得具有类当前，或者其父类LI具有类当前的锚的ID属性。

我试试这个代码：

var terms = ''; 
    $('.product-tax li').each(function(){ 
     if ($(this).hasClass('current')) { 
      terms += $(this).children('a').attr('id') + ':'; 
     } else if ($(this).children('a').hasClass('current')) { 
      terms += $(this).children('a').attr('id') + ':'; 
     } 
    }); 

但它不工作，它给了意想不到的结果。我想抓住锚内的ID，对于LI或anchor的类“current”。

基本上我使用每个，因为有多个.product税和用户做出选择，但类“当前”可以添加到李，或锚，这就是为什么我需要检查。此代码不起作用。

有什么建议吗？

HTML：

<div class="product-tax product-color"> 
    <h3>Choose color</h3> 
    <ul> 
     <li><a href="#" id="color-pink" style="background: Pink;border: 1px solid Pink;"></a></li> 
    </ul> 
</div> 


<div class="product-tax product-size"> 
    <h3>Choose size</h3> 
    <ul> 
     <li><a href="#" id="size-2s">2(s)</a></li> 
     <li><a href="#" id="size-3m">3(m)</a></li> 
     <li><a href="#" id="size-4l">4(l)</a></li> 
     <li><a href="#" id="size-5xl">5(xl)</a></li> 
     <li><a href="#" id="size-6xxl">6(xxl)</a></li> 
    </ul> 
</div> 

Answer 1

您可以选择LI元素的所有锚孩子，所有的孩子与当前类是这样的：

var terms = ""; 
$(".product-tax li.current > a, .product-tax li > a.current").each(function(){ 
    terms = terms + $(this).attr("id") + ":" 
}); 

Answer 2

试试这个

// get anchor with class current and anchor with parent li with class current 
$('a.current,li.current > a').each(function(){ 
     alert(this.id); 
}); 

Answer 3

var terms = ''; 
    $('.product-tax li').each(function(){ 
     if ($(this).hasClass('current')) { 
     terms += $(this).attr('id') + ':'; 
     } 
     var $anchors = $(this).children("a"); 
     $anchors.each(function(){ 
     if ($(this).hasClass('current')) { 
      terms += $(this).attr('id') + ':'; 
     } 
     }); 
    });