6

在页面正文的特定位置添加元素时，我需要帮助。

这是我的页面代码。

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

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

谢谢。

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 的第二个孩子之后插入

于 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

使用：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 回答
0

jQuery 已经nth-child()为此目的制作了一个选择器。

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

您可以通过多种方式实现这一目标。以下是其中之一，

//                  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 回答