jquery選擇最近的選擇框來添加選擇選項

Question

我有兩個選擇框在單獨的表格單元格。當我在第一個選擇框中選擇相關的選項將從數據庫中放置。現在我需要將此值附加到立即選擇框（類名爲getpopltddocname）。我的HTML看起來象下面這樣：

<tr> 
    <td height="40" align="left" valign="middle">Doc Group</td> 
    <td align="left" valign="middle"> 
     <select id="docgroupname_doc[]" name="docgroupname_doc[]" class="populatedocname" tabindex="1"> 
      <option value="" selected="selected">Select Doc</option> 
      <option value="1" selected="selected">Bank</option> 

     </select> 
    </td> 
    <td align="left" valign="middle">Doc Name</td> 
    <td class="makeselect" align="left" valign="middle"> 
     <select id="docname_doc[]" name="docname_doc[]" class="getpopltddocname" tabindex="1"> 
      <option value="">Select Doc Name</option>    
     </select> 
    </td> 
</tr> 

和我的jQuery代碼：

$(document).on("change",".populatedocname",function(){ 
    var docid=$(this).val(); 
    var sel = $(this).closest('td').next().find('select'); 

    $.post("classes/ajax.php", {action:'getdocitem',docid:docid},function(data) { 
     alert(data); 
     for (var i=0; i<data.length; i++) { 
      sel.append('<option value="' + data[i].doc_item_id + '">' + data[i].doc_name + '</option>'); 
     } 
    }, "json"); 
}); 

Answer 1

與parent嘗試像

var sel = $(this).parent('td').find('select'); 

或者你也可以嘗試像

var sel = $(this).parent('td').find('select'); 

見DEMO

編輯：彷彿要附加選項，則應該像

var sel = $(this).parent('td').find('select option'); 

決賽：終於得到了我的問題的解決方案..

var sel = $(this).closest('td').next('td').next('td').find('select'); 

Answer 2

嘗試查找（）函數附加

如

$('your-selector').find('select');