jquery - jqueryで特定の要素の後に任意の要素を挿入する方法

Question

フォームがあり、10 個のテキスト ボックスがあるとします。今、ドロップダウンまたはコンボを 7 番目のテキスト ボックスの 8 番目の位置に挿入したいと考えています。jqueryでどうやってそれを行うことができますか。コードスニペットのヘルプ...またはハインド。関数があることは知っていappend() & prepend()ますが、上記の2つの関数の助けを借りて、特定の位置にドロップダウンを挿入できません。私はグーグルを検索し、いくつかのようなヒントを見つけました。

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

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

デモ http://jsfiddle.net/dQgCQ/