web-dev-qa-db-ja.com

jQueryを使用して兄弟要素を選択するにはどうすればよいですか？

このjQueryセレクターを手伝ってもらえますか？

$(".auctiondiv .auctiondivleftcontainer .countdown").each(function () {
    var newValue = parseInt($(this).text(), 10) - 1;
    $(this).text(newValue);

    if (newValue == 0) {
        $(this).parent().fadeOut();
        chat.verify($(this).parent().parent().attr('id'));
    }
});

基本的に、各ループで.countdownと同じ親に属する.bidbuttonクラスを持つ要素を選択します。

<div class="auctiondivleftcontainer">
    <p class="countdown">0</p>
    <button class="btn primary bidbutton">Lance</button>                            
</div>

そして、そのボタンにこれを適用します：

$(button here).addClass("disabled");
$(button here).attr("disabled", "");
jqueryselector
54
Only Bolivian Here

JQuery .siblings() を使用して、一致する兄弟を選択します。

$(this).siblings('.bidbutton');
101
Madara Uchiha
$(this).siblings(".bidbutton")
5
JohnD
$("h2").siblings().css({"color": "blue"});

詳細については、以下のソースで説明しています。

http://www.namasteui.com/traversing-siblings/

2
Sourav Basak

Jqueryで兄弟要素を選択する方法を学ぶのに役立つリンクを次に示します。

jQueryを使用して兄弟要素を選択する方法

$("selector").nextAll(); 
$("selector").prev();

jqueryセレクターを使用して要素を見つけることもできます

$("h2").siblings('table').find('tr');

詳細については、このリンクを参照してください next（）、nextAll（）、prev（）、prevAll（）、find（）およびJQueryの兄弟

2
Bharath Kumaar

jQueryは"siblings（）"というメソッドを提供します。これは、選択した要素のすべての兄弟要素を返すのに役立ちます。たとえば、CSSを兄弟セレクターに適用する場合、このメソッドを使用できます。以下に例を示します。この例を試してみて、どのように動作するかを学習してください。

$("p").siblings("h4").css({"color": "red", "border": "2px solid red"});

1
Bhavesh

特定の兄弟を選択する場合：

var $sibling = $(this).siblings('.bidbutton')[index];

ここで、「インデックス」は親コンテナ内の特定の兄弟のインデックスです。

0
Peter Meadley

jQueryを使用して兄弟要素を選択できます

 <script type="text/javascript">
    $(document).ready(function(){
        $("selector").siblings().addClass("classname");
    });
 </script>

ここでデモ

0
Developer

$(this)は_.countdown_を参照するため、$(this).next()または$(this).next('button')をより具体的に使用できます。

0
AlienWebguy

試してください-

   $(this).siblings(".bidbutton").addClass("disabled").attr("disabled", "");
0
ipr101

クラスではなく名前で兄弟を選択する必要がある場合も、次を使用できます

var $sibling = $(this).siblings('input[name=bidbutton]');
0
Shobi