0

我有一些看起来像这样的 HTML 标记，

        </a>
        <nav>
            <ul>
                <li><a href=""><img src="/media/icons/view.jpg" alt="Views"/> 210</a></li>
                <li><a href=""><img src="/media/icons/like.jpg" alt="Likes"/> 45</a></li>
                <li class="jobs"><a href="">52 New Jobs</a></li>
            </ul>
        </nav>
        <ul class="job_listings">
            <li><a href="">Outbound Telesales Assistant &gt;</a></li>
            <li><a href="">Business Development Manager &gt;</a></li>
        </ul
    </li>

在.job_listingsdom 准备就绪时隐藏，需要在li.jobs a单击时显示，我已经使用以下 jQuery 进行了尝试：

$('#jobwall .jobs a').click(function(){
                $(this).next('.job_listing').show();
                return false;
            });
4

2 回答 2

5

您应该获得 nav 元素的下一个元素而不是锚点，并且您在 .job_listing 选择器中缺少 s 。

尝试这个：

$('#jobwall .jobs a').click(function(){                 
    $(this).closest("nav").next('.job_listings').show();                 
    return false;             
});
于 2011-04-11T13:59:03.363 回答
0

干得好：

$(this).closest('#commonContainer').find('.job_listings').show();
于 2011-04-11T13:59:40.807 回答