我怎样才能找到<a>一个特定的类，当它在</a><li>

Question

我有以下html：

<ul id="myList">
    <li>
        <a class="myListItem li-selected">One</a>
    </li>
    <li>
        <a class="myListItem">Two</a>
    </li>
    <li>
        <a class="myListItem li-selected">Three</a>
    </li>
    <li>
        <a class="myListItem">Four</a>
    </li>
    <li>
        <a class="myListItem">Five</a>
    </li>
</ul>

The li-selected class is added when the respective <li> tag is getting selected. 我试图在$(document).ready()中检查是否选择了任何 li（具有li-selected类）。 因此，我希望每次页面加载时都使用一个布尔值，将它作为参数传递给另一个函数。

我正在尝试这样的事情，但它不会返回true虽然它应该：

$(document).ready(function() {
        .
        .
        .
   var hasSelectedItems = $("#myList li").find("a").hasClass("li-selected");
   console.log(hasSelectedItems);
        .
        .
        .
});

预期结果：

• hasSelectedItems === true那么至少一个 <li> 被选中。
• hasSelectedItems === false那么没有 <li> 被选中。

解决了

事实证明，我尝试检查li-selected类是否存在的方式没有任何问题，但是当我尝试这样做时。 我放错了var hasSelectedItems = $("#myList li").find("a").hasClass("li-selected"); 部分并试图找到尚未添加的类。 因此，当添加li-selected类后重新渲染元素时，我将那部分代码移动到运行，并且它可以工作。

Answer 1

请使用下面的jQuery代码找到a标签：

$(document).ready(function() {
    var lis = $("#myList li a.li-selected").length;
    if(lis > 0)
    {
     //code here
    }
    else
    {
     //empty
    }
});

Answer 2

您可以找到选择了类 li 的锚元素的长度：

var lis = $("#myList li a.li-selected").length > 0 ;