Question

我有一个div，我希望使用jQuery隐藏，只有当我在某个类别时，所以我想根据我的面包屑来隐藏div。我认为我有正确的jQuery，但它不是隐藏div？

<div class="breadcrumbs">
    <ul class="nav">
        <li>Home</li>
        <li>Tshirts</li>
        <li>Mens</li>
    </ul>
</div>


<div class="hide-me">I want to hide</div>


<script type="text/javascript">
    jQuery(window).ready(function(){
        if(jQuery('.breadcrumbs ul.nav li:nth-child(2)').text() == "Tshirts"){
            jQuery('.hide-me').hide();
        }
    });
</script>

Answer 1

jQuery('.breadcrumbs ul.nav li:nth-child(2)').text()

很奇怪，你为什么这么辛苦编码？你专门要求那个清单，并且只有它在一个非常具体的树中。

如果您只是更改HTML

会更容易

<div class="breadcrumbs">
    <ul class="nav">
        <li>Home</li>
        <li id="secondlist">Tshirts</li>
        <li>Mens</li>
    </ul>
</div>

然后

$("#secondlist").text() == "Tshirts";

Answer 2

检查是否

$('.breadcrumbs ul.nav li:nth-child(2)').text()

真正得到了价值，我认为这是主要问题。

如果另一个元素包含文本，jQuery会隐藏元素

2 个答案: