jQueryとのリンクの後、クラス「x」の最初の要素を選択します
-
19-09-2019 - |
質問
私はこのようなコードを持っています:
<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
, 、だから良くない。
私は新しくて途方に暮れています。私は知恵を求めています。
解決
$('a.a').click(function() {
$(this).next('span.b').css('background-color', 'red');
});
あなたのためにうまくいくはずです。兄弟の直後になります。
他のヒント
おそらくこれを試すことができますか?
$(".a").click(function() {
$(this).addClass("something_special");
$(".something_special + .b").css({backgroundColor: "red"});
$(this).removeClass("something_special");
});
所属していません StackOverflow