用jQuery加載到合適的孩子中

Question

我使用下拉選擇器將外部文件中的匹配部分加載到選擇器下面一行中的表格單元格中。我似乎無法正確定位它。我認爲nextAll（）會做的，但事實並非如此。我還有什麼可以嘗試的？

$('.mySelector').change(function(){ 
    var $selectForm = '#' + $(this).val(); 
    $(this).nextAll('.fLoad').load('formParts.html ' + $selectForm); 
}); 

<table> 
<tr> 
    <td> 
    <select class="mySelector"> 
     <option value="o1">Car details</option> 
     <option value="o2">Bike details</option> 
     <option value="o3">Boat details</option> 
    </select> 
    </td> 
</tr> 
<tr> 
    <td class='fLoad'>&nbsp;</td> 
</tr> 
<tr> 
    <td> 
    <select class="mySelector"> 
     <option value="o1">Car details</option> 
     <option value="o2">Bike details</option> 
     <option value="o3">Boat details</option> 
    </select> 
    </td> 
</tr> 
<tr> 
    <td class='fLoad'>&nbsp;</td> 
</tr> 
</table> 

Answer 1

這樣做：

$(this).closest('tr').next().find('.fLoad').load('formParts.html ' + $selectForm); 

• 使用closest()^(docs)方法來獲取最近的祖先<tr>元素。
• 的next()^(docs)方法來遍歷到下一個<tr>元素
• 的find()^(docs)方法找到.fLoad元素