如果列表中的類包含某個字符串，如何遍歷列表並返回URL？

Question

我目前對JQuery並不熟悉，所以我在JSFiddle中閑逛，希望提高自己的技能來開發自己想到的Web應用程序。

我要滿足的一個要求是遍歷頁面上的列表，如果某個類包含我要查找的字符串，則返回該列表內另一個類的URL。 完成后，它將迭代到下一個列表項。

$('.listItems li').each(function() {
if ('.spanClass' == 'True') {
    var hrefValue = $('.aClass').attr('href');
    alert (hrefValue);
}
})

<li class="listItems">
  <a class="aClass" href="/home">
   <span class="spanClass">True</span>
 </a>
</li>
<li class="listItems">
 <a class="aClass" href="/town">
   <span class="spanClass">False</span>
 </a>
</li>
<li class="listItems">
  <a class="aClass" href="/home">
    <span class="spanClass">True</span>
  </a>
</li>

從理論上講，我希望我的代碼能夠在span類spanClass包含“ True”的情況下提醒我該URL。

如何修復我的代碼，以便在類包含特定字符串的情況下獲取URL？

Answer 1

 var href = $('li.listItems .spanClass:contains(True)').map(function() { return $(this).parent('a').attr('href') }).get(); console.log(href) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li class="listItems"> <a class="aClass" href="/home"> <span class="spanClass">True</span> </a> </li> <li class="listItems"> <a class="aClass" href="/town"> <span class="spanClass">False</span> </a> </li> <li class="listItems"> <a class="aClass" href="/home"> <span class="spanClass">True</span> </a> </li> </ul> 

1. 使用.map()獲取href並放入數組中

Answer 2

希望對您有所幫助：

//HTML
<ul class="listItems">
    <li>
      <a class="aClass" href="/home">
       <span class="spanClass">True</span>
     </a>
    </li>
    <li>
     <a class="aClass" href="/town">
       <span class="spanClass">False</span>
     </a>
    </li>
    <li>
      <a class="aClass" href="/home">
        <span class="spanClass">True</span>
      </a>
    </li>
    </ul>



//JS

    $('.listItems li').each(function(idx) {
    if($(this).find('.spanClass').html() == 'True')
    {
            var hrefValue = $('.aClass').attr('href');
        alert (hrefValue);
    }
    })