jquery - 在与 jQuery 的链接之后选择类“x”的第一个元素

Question

我有一些这样的代码：

<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');
 });

但这选择了 class 的所有跨度b，所以不好。

我是新手，不知所措。我寻求智慧。

Answer 1

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

应该适合你。它得到紧随其后的兄弟姐妹。

Answer 2

也许你可以试试这个？

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