Question

我是jquery的初学者，我在菜单上工作。这是我在html文档中的列表：

    <ul>
    <li>
        <a class="entypo-menu" href="#"></a> <span class="menu">Menu ></span> 
    </li>

    <li>
        <a class="entypo-star" href="#"></a> <span>Favorite</span>
    </li>

    <li>
        <a class="entypo-newspaper" href="#"></a> <span>About us</span>
    </li>

    <li>
        <a class="entypo-location" href="#"></a> <span>Find us</span>
    </li>

    <li>
        <a class="entypo-link" href="#"></a> <span>Share</span>
    </li>

    <li>
        <a class="entypo-help-circled" href="#"></a> <span>FAQ's</span>
    </li>
</ul>

这是我的js documment：

$(document).ready(function() {
$("span").hide();

$("li").click(function(){
    $("li span").show(20);
});});

此js代码显示所有＆＃39; span＆＃39;我的HTML。我怎样才能展示“跨越＆＃39;被点击的＆＃39; li＆＃39; ？

Answer 1

您需要使用.find()

$("li").click(function(){
   $(this).find("span").show(20);
})

Answer 2

像这样

$("li").click(function(){
$(this).children("span").show(20);
});

Answer 3

试试这样：

$("li").click(function(){
    $(this).children('span').show(20);
});

fiddle

Answer 4

使用children（）然后获得第二个孩子，作为第0个索引 - ＆gt;第1个孩子，第1个索引 - ＆gt;第二个孩子

$("li").click(function(){
   $(this).children().eq(1).show(20);
})

Answer 5

试试这个：

   $("li").on("click", function () {
      $('li span').hide();
      $(this).find('span').show('20');
   });

如何显示所选元素的子元素

5 个答案: