jQuery 无法从输入元素中获取值 (2)

Question

我正在使用jquery试图检索文本输入的值，但它不工作。有人能看出我做错了什么吗?http://jsfiddle.net/silvajeff/4Sb8K/3/

<table id="oustandingItems">
  <tr><th>Category</th></tr>
  <tr><td><input name="mytest" /></td></tr>
  <tr><td><input name="mytest" value="123"/></td></tr>
  <tr><td><input name="mytest" /></td></tr>
  <tr><td><input name="mytest" /></td></tr>
</table>

<button id="findRow">Find Row</button>
<input type="text" id="myRow" />
$("#findRow").click(function() {   
  var tableRow = $('#oustandingItems tr:has(td input[value!=""])').prevAll().length;  
 var myValue = $('#oustandingItems input:has(td input[value!=""])').val();
  $("#myRow").val(myValue);
});

Answer 1

您可以将选择器简化为#oustandingItems tr input[value!=""]

$("#findRow").click(function() {
  var myValue = $('#oustandingItems tr input[value!=""]').val();
  $("#myRow").val(myValue);
});

JSFiddle

Answer 2

你可以试试这个:http://jsfiddle.net/4Sb8K/6/

$("#findRow").click(function() {   
  var myValue = $('#oustandingItems').find('input[value!=""]').val();
  $("#myRow").val(myValue);
});

Answer 3

查找有值的输入框的选择器错误。

- var myValue = $('#oustandingItems input:has(td input[value!=""])').val();
+ var myValue = $('#oustandingItems input[value!=""]').val();

顺便说一句，如果选择器匹配多个元素，.val()方法只返回第一个元素的值。如果需要遍历所有元素，请使用.each()方法。