jQuery:选择子元素,但我想更改父元素？

Question

我对jQuery有疑问

<ul class="tabs">
    <li class="active"><a href="#doc-new">Home</a></li>
    <li><a href="#doc-fav">Profile</a></li>
    <li><a href="#doc-read">Messages</a></li>
</ul>

如何使用jQuery设置active for <li>with <a>href是doc-read？

<ul class="tabs">
        <li><a href="#doc-new">Home</a></li>
        <li class="active"><a href="#doc-fav">Profile</a></li>
        <li><a href="#doc-read">Messages</a></li>
</ul>

我可以找到#doc-read但不知道怎么addClass做父母<li>.

Answer 1

"如何使用jQuery来设置活跃<li>与<a>有id为文档阅读？"

这不是"id",而是"href".但无论如何,你这样做:

$('a[href="#doc-read"]').parent().addClass("active");

但是,如果想要将li设置为活动,只需单击任何锚元素,那么您将执行以下操作:

$(document).ready(function() {
    $("ul.tabs a").click(function() {          // when any anchor clicked
        $("ul.tabs li").removeClass("active"); // remove current "active"
        $(this).parent().addClass("active");   // set "active" on parent
                                               // of clicked anchor
    });
});

演示:http://jsfiddle.net/tsSQq/