Question

我的清单：

<div id="menu1" class="menu">
    <ul>
        <li class="selected"><a href="#home" class="home_link">Home</a></li>
        <li><a href="#about_us">about us</a></li>
        <li><a class="next" href="#features">features</a></li>
        <li><a class="next" href="#news">news</a></li>
        <li><a class="next" href="#gallery">gallery</a></li>
        <li><a class="next" href="#contact">contact us</a></li>
    </ul>
</div>

我想检查链接的第一个孩子是否被选中。如下所示：

if ($('div#menu1 ul:first-child').hasClass('selected'))

请帮帮我吗？

Answer 1

$("div#menu1").find("li").first().hasClass('selected')

试试上面的代码。

Answer 2

从jquery first-child selector文档，first-child，选择所有父元素的第一个子元素。所以试试这个：

   if ($('div#menu1 ul li: first-child').hasClass('selected'))

修改

我创造了一个小提琴，它工作得很好。 Here is the link。记得将上面的代码放在$(document).ready()函数中。还要确保你已正确包含jquery。

Answer 3

var checkClass = $('#menu1 ul li:first-child').hasClass('selected');
if(checkClass) {
    alert('selected');
}
else{
    alert('not selected');
}

Answer 4

您正在寻找选择器:first，您应将其用作：

alert($('#menu1 ul li:first').hasClass('selected'));

如何检查列表的第一个子节点是`selected`类

4 个答案: