Jquery – 在已知元素之后找到下一个输入:text元素

前端之家收集整理的这篇文章主要介绍了Jquery – 在已知元素之后找到下一个输入:text元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个< tr id =“tagTR”>的id
鉴于上述情况,是否可以找到下一个输入: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>

解决方法

我觉得这个问题非常有趣.似乎其他人正在读这个,找到兄弟姐妹的下一个输入.但我把它看作是 – 无论如何,找到我的下一个输入.我不知道它是在兄弟姐妹,父母还是父母的兄弟姐妹中.这是我根据 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()));
}

猜你在找的jQuery相关文章