다른 자식이 실행될 때 자식 요소 수정

Question

<div class='wrap'> 
    <textarea></textarea> 
    <a href=''></a> 
</div> 

<div class='wrap'> 
    <textarea></textarea> 
    <a href=''></a> 
</div> 

<div class='wrap'> 
    <textarea></textarea> 
    <a href=''></a> 
</div> 

동일한 자식 내용을 가진 많은 부모 요소가 있습니다. 이벤트가 자식에게 발생하면 동일한 부모의 다른 자식으로 작업하십시오. 예를 들어

:

<textarea> onkeyup (from parent A) change the background-color of <a> (from parent A) 

방법이 다루는?

Answer 1

당신이 찾고있는 중 하나 siblings (이벤트 핸들러 내에서 $(this)에 적용), 또는 closest 및 find (의 가능한 조합 다른 요소는 귀하의 예제의 경우가 아닌 다른 수준에서 할 수있는 경우).

예 - siblings : Live Copy | Source

$(".wrap textarea").on("keyup", function() { 
    var link = $(this).siblings("a"); 
    link.css("background-color", "green"); 
}); 

예 - closest + find : Live Copy | Source

$(".wrap textarea").on("keyup", function() { 
    var link = $(this).closest(".wrap").find("a"); 
    link.css("background-color", "green"); 
});