Jquery - 查找下一个输入 :text element after a known element

Question

我有一个 ID <tr id="tagTR"> 鉴于以上，是否有可能找到下一个input:text元素，无论其间有任何其他标记。是否有一个 jQuery 选择器可以用于这种情况？

例如:

<tr id="tagTR"> 
</tr>
<tr id="tagRed"> 

  <td> </td>
</tr>
<div>
 <tr>
   <td>
     <input> // This is what I want to get to. 
   </td>
 </tr>
</div>

Answer 1

我觉得这个问题很有趣。似乎其他人正在阅读这篇文章，在 sibling 中寻找下一个输入。但我把它读作——无论如何，找到我的下一个输入。我不知道是 sibling 、 parent 还是 parent 的 sibling 。这是我根据 this question 收到的反馈得出的结论。 .

http://jsfiddle.net/GesSj/1

//assume you know where you are starting from
var $startElement = $('#foo');

//get all text inputs
var $inputs = $('input[type=text]');

//search inputs for one that comes after starting element
for (var i = 0; i < $inputs.length; i++) {
    if (isAfter($inputs[i], $startElement)) {
        var nextInput = $inputs[i];
        alert($(nextInput).val());
    }
}

//is element before or after
function isAfter(elA, elB) {
    return ($('*').index($(elA).last()) > $('*').index($(elB).first()));
}