在使用jQuery链接后选择类'x'的第一个元素

时间:2010-02-06 07:40:21

标签: jquery jquery-selectors jquery-traversing

我有一些这样的代码:

<p>Lorem ipsum<a href=# class="a">link</a><span class="b">Text</span>More lorem ipsum<a href=# class="a">link</a><span class="b">Text 2</span>

我想让用户点击link并能够对跨度做一些事情(让它闪烁,隐藏它,等等)。我正在使用jQuery,这是我到目前为止所做的:

$('.a').click(function() {
    $(this).nextUntil('.a').css('background-color', 'red');
 });

只要我在跨度之前有链接,并且文本中没有其他代码,我就会努力工作。但是,我对它不满意,必须有更好的方法。我也试过了:

$('.a').click(function() {
    $(this).next('.b').css('background-color', 'red');
 });

但是这会选择班级b的所有范围,所以没有好处。

我是新人,不知所措。我寻求智慧。

2 个答案:

答案 0 :(得分:1)

$('a.a').click(function() {
    $(this).next('span.b').css('background-color', 'red');
 });

应该适合你。它得到了紧接着的兄弟姐妹。

答案 1 :(得分:0)

也许你可以试试这个?

$(".a").click(function() {
    $(this).addClass("something_special");
    $(".something_special + .b").css({backgroundColor: "red"});
    $(this).removeClass("something_special");
});