Question

假设我有表格并且有10个文本框。现在我想在第7个文本框意味着在8位置后插入一个下拉列表或组合。我怎么能用jquery做到这一点。任何有关代码片段的帮助......或任何后悔。我知道有append() & prepend()函数，但在上面两个函数的帮助下，我无法在某个位置插入任何下拉列表。我搜索谷歌，发现一些暗示像。

<div class="link">
       <input id="textBox" class="link" type="text" value="Skriv länk" />
       <br />
 </div>

does it work by jquery

$("#textBox").after("<p>Hello</p>");

$("input").after("<p>Hello</p>");

$("<p>Hello</p>").insertAfter("input");

我需要写什么代码才能在第7个位置的文本框后面添加一个下拉列表？感谢

Answer 1

尝试eq()

$("input").eq(6).after("<p>Your dropdown</p>");

DEMO --> http://jsfiddle.net/64PaN/

Answer 2

尝试使用 .eq() 获取职位

$('input').eq(6).after('<p>Hello</p>');

Answer 3

如果您拥有第7个文本框的ID（或其他任何标识它），则无论如何都可以使用.after（）...

$("#textBox7").after(/* new element */);

有关详细信息，请参阅http://api.jquery.com/after/。 jQuery的文档非常好写

Answer 4

$("<select><option value='test'>test</option></select>").insertAfter($(".link input:nth-child(7)"));

DEMO http://jsfiddle.net/dQgCQ/

如何使用jquery在某个元素之后插入任何元素

4 个答案: