jQuery：在第n个元素后添加元素

我需要帮助在页面主体中的特定位置添加元素。jQuery：在第n个元素后添加元素

这是我的页面代码。

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

我想添加一个按钮，我在上面使用jQuery发表评论的位置。如果页面语法是固定的，有没有办法将一个元素添加为父div的第三个子元素？我不想放置占位符并进行字符串替换。

谢谢。

来源

2012-06-25 Sreejith K.

'type =“text1”'不应该是'type =“text”name =“text1”'？ –

我知道你说*页面语法是固定的*，但我坚信防守编程。所以，你应该问自己，如果一个新的元素被添加到'＃div1'中，它会对事物产生什么影响？那么，如果在输入之前添加它，则必须调整代码以将按钮作为第四个*孩子插入。假设按钮总是会在'input'元素后面右移是否安全？如果是这样，我会避免在某个索引后添加。 – lbstr

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

jsFiddle example。

来源

2012-06-25 19:32:05 j08691

button.insertAfter($('#div1').children().eq(1));

这将插入button＃后的第二个孩子DIV1

来源

2012-06-25 19:30:50 jackwanders

function insertAfterNthChild($parent, index, content){ 
    $(content).insertAfter($parent.children().eq(index)); 
} 

// Usage: 
insertAfterNthChild($('#div1'), 1, '<button>Click me!</button');

来源

2012-06-25 19:31:18 lbstr

的jQuery已经只是为此做了nth-child()选择。

$("input:nth-child(1)").after("<your html here>");

来源

2012-06-25 19:32:35

'：第n-child'是CSS3的规范，是1索引不是0 –

您可以通过多种方式实现这一点..下面是一个，

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

DEMO：http://jsfiddle.net/m5Gyz/

来源

2012-06-25 19:32:58

使用：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-25 19:33:45

这不回答_is的部分有没有办法，我可以添加一个元素作为父div_ – j08691

遗憾的第三个孩子，错过了点，现在编辑 –

jQuery：在第n个元素后添加元素

回答

相关问题