jQuery를 사용하여 형제 요소를 어떻게 선택합니까?

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", "");

---

jQuery .siblings()를 사용 하여 일치하는 형제를 선택하십시오.

$(this).siblings('.bidbutton');

---

$(this).siblings(".bidbutton")

---

다음은 Jquery에서 형제 요소를 선택하는 방법을 배우는 데 유용한 링크입니다.

jQuery를 사용하여 형제 요소를 선택하는 방법

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

Jquery 선택기를 사용하여 요소를 찾을 수도 있습니다.

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

자세한 내용 은 JQuery의 next (), nextAll (), prev (), prevAll (), find () 및 형제 링크를 참조하십시오.

---

$("h2").siblings().css({"color": "blue"});

자세한 내용은 아래 소스에 설명되어 있습니다.

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

---

jQuery는 선택한 요소의 모든 형제 요소를 반환하는 데 도움이되는 "siblings ()" 라는 메서드를 제공합니다 . 예를 들어 형제 선택기에 CSS를 적용하려면이 방법을 사용할 수 있습니다. 다음은이를 설명하는 예입니다. 이 예제를 사용 해보고 어떻게 작동하는지 알아볼 수 있습니다.

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

---

당신이 사용 하거나 더 구체적으로 $(this)언급하기 때문에 ..countdown$(this).next()$(this).next('button')

---

시도-

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

---

특정 형제를 선택하려는 경우 :

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

여기서 'index'는 상위 컨테이너 내 특정 형제의 색인입니다.

---

또한 클래스가 아닌 이름으로 형제를 선택해야하는 경우 다음을 사용할 수 있습니다.

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

---

jQuery를 사용하여 형제 요소를 선택할 수 있습니다.

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

여기에서 데모

ReferenceURL : https://stackoverflow.com/questions/7463242/how-do-i-select-a-sibling-element-using-jquery