jquery在第五个后加入元素_IT百科

如果您想在jQuery中的第五个元素后添加一个新元素，可以使用以下代码：

```javascript

// 假设您要在id为myList的列表中添加一个新项

$('#myList li:eq(4)').after('<li>New Item</li>')

```

这将选择id为“myList”的列表中的第五个（索引从0开始）`<li>` 元素，并在其之后插入一个新的 `<li>` 元素。

请注意，`:eq()` 选择器用于选择具有特定索引位置的元素。因此，在上面的示例中，`:eq(4)` 将选取第五个元素。另外，`.after()` 方法用于在指定元素之后插入内容。

希望这可以帮助您解决问题！

<!doctype html>

<html>

<head>

div {

float: left

width: 100px

height: 80px

border: 1px solid #0ff

margin-right: 5px

}

</style>

$(document).ready(function(e) {

$(".btn").click(function(){

$("body").append("<div>新添加的div，点击我</div>")

})

$(document).on("click","div",function(){

alert("我的信息是:"+$(this).text())

})

</script>

</head>

<body>

</body>

</html>

假设dom结构为 <div id="div1"></div>

在其中添加p元素,并设置p元素的文本颜色为红色

var $div1 = $("#div1") //选择外层元素

var $p = $("<p id='pp'>123</p>") //设定需要添加的元素

$div1 & $div1.append($p) //把元素添加到外层元素中

$p.css('color', 'red') //修改新元素的属性

欢迎分享，转载请注明来源：内存溢出

jquery在第五个后加入元素