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

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 文档:

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

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

此 js 代码显示了我的 html 的所有“跨度”。我如何显示点击的“li”的“span”？

Answer 1

您需要使用 .find()

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