當其他孩子被觸發時，修改子元素

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