內的每個變化（）（）jQuery的

Question

什麼是管理這種情況的最好辦法：

$('.element').each(function() { 

    $sibling = // find a sibling to $this. 
    $mainElement = $(this); // memorize $(this) 
    $sibling.change(function() { 
     // when sibling changes 
     // do something using $mainElement 
     // problem is, $mainElement is not the element you think 
     // $mainElement is the last .element found.... 
    }) 
}); 

一個解決方案是一個表......但後來就沒有優勢的變化（）被嵌套在各（）...

我的HTML例子：

<div id="first"> 
    <span class="element"></span> 
    <input name="first" type="text" /> 
</div> 
<div id="second"> 
    <span class="element"></span> 
    <input name="second" type="text" /> 
</div> 

在本例，$sibling = $(this).next('input');例如。

Answer 1

一種方式做到這一點，是使用closure。這將捕獲變量在$mainElement，可以這麼說，使用其當前值。

$('.element').each(function() { 

    $sibling = // find a sibling to $this. 
    $mainElement = $(this); // memorize $(this) 
    $sibling.change(function($mainElement) { 
     return function() { 
      // use $mainElement 
     } 
    }($mainElement)) 
}); 

jsfiddle example（一定要模糊的文本框，編輯後，否則.change()不會閃光）

Answer 2

我想說的最簡單的賭注是對兄弟姐妹使用.each，然後找到兄弟姐妹的相對「.element」。取決於你的代碼當然。否則，這樣的事情可能會奏效，雖然感覺有點多餘因。每個：

$('.element').each(function() { 
    $(this).siblings('.sibling').change(function() { 
     var mainElement = $(this).siblings('.element'); 
     // Do whatever you want here... 
    }); 
}); 

Answer 3

$('.element .sibling').each(function(ind, el) { 

    $parent = $(el).closest('.element'); 
    $(el).change(function() { 
     $parent.doSomething(); 
    }); 

}); 

Answer 4

嘗試用這種

$('.element').each(function() { 
    $(this).siblings('.sibling').change(function() { 
     var mainElement = $(this).siblings('.element'); 
     // Play here 
    }); 
});