javascript – 在jQuery中找到“下一个”表单输入元素的最佳方式?

使用jQuery,从一个任意元素开始,寻找页面上下一个表单元素的最好方法是什么?当我说表单元素是指< input>,< select>,< button>或< textarea&gt ;. 在下面的示例中,id为“this”的元素是任意起点,id为“next”的元素是我要查找的元素。同样的答案应该适用于所有的例子。 实施例1:

<ul>
 <li><input type="text" /></li>
 <li><input id="this" type="text" /></li>
</ul>

<ul>
 <li><input id="next" type="text" /></li>
</ul>

<button></button>

实施例2:

<ul>
 <li><input id="this" type="text" /></li>
</ul>

<button id="next"></button>

实施例3:

<input id="this" type="text" />
<input id="next" type="text" />

实施例4:

<div>
  <input id="this" type="text" />
  <input type="hidden" />
  <div>
    <table>
      <tr><td></td><td><input id="next" type="text" /></td></tr>
    </table>
  </div>
  <button></button>
</div>

编辑:迄今提供的两个答案都需要向页面上的所有输入元素写入序列号。正如我在其中一个的评论中提到的,这是我已经在做的,我更喜欢有一个只读解决方案,因为这将发生在一个插件。

kudos,

使用.index怎么样?

例如$(‘:input:eq(‘($(‘:input’)。index(this)1)’)’);

http://stackoverflow.com/questions/290535/best-way-to-find-next-form-input-element-in-jquery

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 在jQuery中找到“下一个”表单输入元素的最佳方式?