如何将类名添加到特定选择器

时间:2014-12-30 19:55:31

标签: jquery

考虑以下html:

<div class="box">
    <ul class="tabs">
        <li><a href="publication#all">ALL</a></li>
        <li><a href="publication#country">COUNTRY</a></li>
        <li><a href="publication#date">DATE</a></li>
    </ul>

    <div id="tab_all">...</div>

    <div id="tab_country">...</div>
    <div id="tab_date">...</div>
</div>

从一个特定的元素,我想添加一个类 a ,其中href为&#34; publication#country&#34;

这是我迄今为止所做的并没有成功。

$("#tab_date").siblings("ul.tabs").find('li a[href=publication#country').addClass("current");

2 个答案:

答案 0 :(得分:3)

您可以通过以下方式选择它:

$("#tab_date").siblings("ul.tabs").find("li a[href=publication#country]");

工作小提琴:http://jsfiddle.net/mfx0c93t/6/

答案 1 :(得分:3)

你忘记了结束括号。试试这个:

$("#tab_date").siblings("ul.tabs").find("li a[href='publication#country']").addClass("current");

注意:我原本认为需要引用属性选择器值(所以我通常按上面的方式编写),但是根据Rhumborl的说法,并且Scott和我自己确认,它看起来确实有效没有引用。但是,如果你遇到一个不寻常引起问题的异常情况,那么养成包含引号的习惯会更安全。