Jquery：要在指定DIV下的第二个P后面增加元素如何实现？
最新回答
九命猫
2024-05-06 10:17:23
1、双击打开HBuilder并新建一个静态页面，在页面中引入jquery文件。
2、在<body></body>标签内，插入一个div标签并在其中插入一个无序列表。
3、接着在jQuery初始化函数中，利用jquery each函数遍历循环ul li。
4、保存代码并在浏览器上查看页面显示的效果，可以发现只有几个无序列表项的点。
5、再次添加样式代码，并使用类选择器包裹，然后使用addClass方法添加类样式。
6、再次保存代码并查看页面显示效果，可以发现背景颜色改变了，即增加颜色成功。
初心
2024-05-06 11:43:17
// DOM文档<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
<script>
// JS
$(function() {
// 获取dom元素的div 内的p标签的eq(1)第二个元素0为第一个元素after()是在第二个之前添加的意思
$('div p:eq(1)').after('<p>2.1</p>');}
</script>
宇宙藏进你
2024-05-06 06:46:11
<div id="divId">
<p class="c1">我是第1个</p>
<p class="c2">我是第2个</p>
<p class="c3">我是第3个</p>
<p class="c4">我是第4个</p>
</div>
<script type="text/javascript">
var insertHtml='<div>我是插入的元素。</div>'
$('#divId').find('p').eq(1).after(insertHtml);
</script>
醉若晓残风
2024-05-06 08:36:05
$("div.XXX p:eq(1)").after("<p>第二个P后增加一个P，XXX是指定DIV的class名称</p>");
回忆另存为。
2024-05-06 04:33:10
<div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
<script>
$(function() {
$('div p:eq(1)').after('<p>2.1</p>');
// 或
$('<p>2.1</p>').insertAfter('div p:eq(1)');
}
</script>
热门标签
