6

ページ本文の特定の場所に要素を追加するのに助けが必要です。

これが私のページコードです。

<div id="div1>
  <label id="label1"></label>
  <input type="text1"></input>
  <!-- Insert button here -->
  <span id="span1"></span>
</div>

jQueryを使用して、上記のコメントを配置した場所にボタンを追加したいと思います。ページの構文が修正されている場合、親divの3番目の子として要素を追加する方法はありますか？プレースホルダーを配置して文字列を置き換えたくありません。

ありがとう。

4

6 に答える 6

10 
$('#div1').children(':eq(1)').after('<button/>');​​​​

jsFiddleの例。

于 2012-06-25T19:32:05.690 に答える
1 
button.insertAfter($('#div1').children().eq(1));

buttonこれにより、＃div1の2番目の子の後にが挿入されます

于 2012-06-25T19:30:50.750 に答える
1 
function insertAfterNthChild($parent, index, content){
    $(content).insertAfter($parent.children().eq(index));
}

// Usage:
insertAfterNthChild($('#div1'), 1, '<button>Click me!</button');
于 2012-06-25T19:31:18.847 に答える
0

jQueryはnth-child()、まさにこの目的のためにセレクターを作成しました。

$("input:nth-child(1)").after( "<your html here>" );
于 2012-06-25T19:32:35.273 に答える
0

あなたは多くの方法でこれを達成することができます..以下は1つです、

//                  v--- Change n to insert at different position
$('#div1 :nth-child(2)').after('<button>Test</button>');

デモ：http： //jsfiddle.net/m5Gyz/

于 2012-06-25T19:32:58.677 に答える
0

使用：http ：//api.jquery.com/nth-child-selector/

   $("input:nth-child(1)").after('<input type="button" value="button"/>');

ここでのデモ：http：//jsfiddle.net/epinapala/JB4fr/1/

于 2012-06-25T19:33:45.133 に答える