如何使用嵌套選擇在jQuery的

Question

只是測試jQuery的一些代碼片段，基本上在我的代碼的bug，現在在於這一細分市場：

HTML

<div id="qi_table"> 
     <tr name="1"> 
      <td> 
       <input type="text" name="qty" class="qty"> 
      </td> 
     </tr> 
     <tr name="2"> 
      <td> 
       <input type="text" name="qty" class="qty"> 
      </td> 
     </tr> 
     <tr name="3"> 
      <td> 
       <input type="text" name="qty" class="qty"> 
      </td> 
     </tr> 
</div> 

JS

var sysID = 2; 

$('#qi_table tr').eq(0).find('input[name=qty]').val(sysID); 

我期待的結果是3個文本輸入字段，第一個填入數字「2」。

結果是我只得到3個空的文本字段。這是怎麼回事？我錯誤地使用jQuery後代選擇器？

鏈接：http://jsfiddle.net/1nf6n0vf/1/

框架設置爲jQuery的1.10.1

Answer 1

你jQuery是很好，你需要有<table>元內的<tr>元素。

http://jsfiddle.net/1nf6n0vf/2/

Answer 2

你需要改變你的HTML，以便錶行和單元格是table（而不僅僅是一個div）內;

<table id="qi_table"> 
     <tr name="1"> 
      <td> 
       <input type="text" name="qty" class="qty"> 
      </td> 
     </tr> 
     <tr name="2"> 
      <td> 
       <input type="text" name="qty" class="qty"> 
      </td> 
     </tr> 
     <tr name="3"> 
      <td> 
       <input type="text" name="qty" class="qty"> 
      </td> 
     </tr> 
</table> 

你的jQuery應該可以正常工作。

Answer 3

可以簡化查詢：

$("input[name='qty']", "#qi_table").val(sysID); 

然後你搜索在qi_table所有輸入。