Jquery:要在指定DIV下的第二个P后面增加元素如何实现?

如题感激不尽!... 如题感激不尽! 展开
 我来答
做一个快乐的茶农
高粉答主

2019-09-21 · 每个回答都超有意思的
知道答主
回答量:1396
采纳率:100%
帮助的人:34.1万
展开全部

1、双击打开HBuilder并新建一个静态页面,在页面中引入jquery文件。

2、在<body></body>标签内,插入一个div标签并在其中插入一个无序列表。

3、接着在jQuery初始化函数中,利用jquery each函数遍历循环ul li。

4、保存代码并在浏览器上查看页面显示的效果,可以发现只有几个无序列表项的点。

5、再次添加样式代码,并使用类选择器包裹,然后使用addClass方法添加类样式。

6、再次保存代码并查看页面显示效果,可以发现背景颜色改变了,即增加颜色成功。

C语言初出茅庐
2013-09-02 · TA获得超过127个赞
知道答主
回答量:256
采纳率:0%
帮助的人:113万
展开全部
// 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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Charles大男人
推荐于2017-09-06 · 知道合伙人软件行家
Charles大男人
知道合伙人软件行家
采纳数:74 获赞数:163
尽我所能,为你解忧。

向TA提问 私信TA
展开全部
<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
baiyukey
推荐于2017-09-19 · TA获得超过202个赞
知道小有建树答主
回答量:159
采纳率:0%
帮助的人:52.2万
展开全部
$("div.XXX p:eq(1)").after("<p>第二个P后增加一个P,XXX是指定DIV的class名称</p>");
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zhaoapk
2013-09-02 · TA获得超过3771个赞
知道大有可为答主
回答量:1343
采纳率:40%
帮助的人:1603万
展开全部
<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式