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

그러나 그것은 모든 수업의 모든 스팬을 선택합니다 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");
});