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

假设我有表单，有10个文本框。现在我想在第七个文本框后面插入一个下拉框或组合框，意思是在第八个位置。我如何使用jquery实现它。任何关于代码片段……或任何hind的帮助。我知道那里有

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");

jquery可以使用它吗
$（“#文本框”）。在（“Hello
”）之后；
$（“输入”）。在（“Hello
”）之后；
$（“Hello
”）。在（“输入”）之后插入；

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

尝试使用获得该职位

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

$（'input'）.eq（6）.after（'Hello
'）；

试试

eq（）

$（“input”）.eq（6）。在（您的下拉列表）之后；

演示

-->

如果您有第七个文本框的ID（或任何其他标识），您仍然可以使用.after（）

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

有关更多信息，请参阅。jQuery的文档编写得非常好

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

DEMO

是的，您可以这样做：）如果有其他具有输入的div，并且您不想对其进行操作，则必须指定类：）

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