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

如题感激不尽!

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

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

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-09-02
// 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>
第2个回答  推荐于2017-09-06
<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>

第3个回答  推荐于2017-09-19
$("div.XXX p:eq(1)").after("<p>第二个P后增加一个P,XXX是指定DIV的class名称</p>");

本回答被提问者采纳
第4个回答  2013-09-02
<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>

Jquery:要在指定DIV下的第二个P后面增加元素如何实现?
1、双击打开HBuilder并新建一个静态页面,在页面中引入jquery文件。2、在<body><\/body>标签内,插入一个div标签并在其中插入一个无序列表。3、接着在jQuery初始化函数中,利用jquery each函数遍历循环ul li。4、保存代码并在浏览器上查看页面显示的效果,可以发现只有几个无序列表项的点。5、再次添加...

在jquery里,怎么选择“某个指定id的div下面的第2个子div”?
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:$('#a').append($('#a div').eq(1).text());。3、浏览器运行index.html页面,此时成功通过jquery挑选了id为a的div下面的第2个子div并打印了文本。

jQuery如何将一个div移动到另一个div后面
首先你的找到分析你自己的需求,什么情况下需要将那个div移动到那个div的后面,你这里所有的div都是结构和类名都相同,所以更要找到规律。找到规律之后直接使用after方法就可以了,例如:<script type="text\/javascript">$(document).ready(function(){ $("button").click(function(){ $("#p2")....

jquery在div中添加元素(jquery添加)
append()方法在被选元素的结尾插入指定咐闹弯内容。此外,如需在被选元素的开头插入内容,请使用prepend()方法。2、语法:(selector).append(content,function(index,html))。3、设计一个简单的html页面,存在一个div,和一个添加按钮。4、设计简单的css样式:5、此时的页面展示如下:6、设计一个简单...

如何用js或者jquery选择某个div里的第二个字符串?
(1)$("divli").click(function(){$("#div").html($(this).html());});(2)上述(1)中的div为你当前点击的div,第二个div为你需要填充内容的div的id

用jQuery的append()方法追加的html,在后面用什么选择器得到追加的元素...
比如下边这个例子,追加的元素就是直接加入的,看作一个字符串。('body').append('<div class="clickme">Another target<\/div>');你可以声明一个字符,然后取得你需要追加的元素就好。

jquery .wrap只在前两个<p>加div怎么弄
<script>$("p:eq(0),p:eq(1)").wrap("<div><\/div>");<\/script>

jquery将指定标签中的元素添加其后面
<\/> 上面的代码实现了我们的要求,点击按钮可以将一个新的li元素添加到第二个li元素的后面。jquery 动态添加元素事件,我的标签是自定义的,求个 用on方法,这样你动态添加的元素也能绑定到事件。jquery 动态添加元素事件,我的标签是自定义的,求个 Excel 怎样将指定宏按钮添加到鼠标右键中 没...

jquery 获取 DIV 下的 第2个 span
通过jquery的层级选择器,可以轻松搞定:('div').click(function(){ \/\/ ">span:nth-child(3)" 表示div的子span元素集合中的第3个元素 \/\/ "$(">span:nth-child(3)",this)" 表示在当前div查找 alert( $(">span:nth-child(3)",this).html() ); \/\/另外eq(...

如何根据div的css名称在div后插入一个div
用jQuery在元素的后面分两种,一种是在div紧挨着的后面添加一个div,例如 (".classname").parent().append("<div><\/div>");这种实现的结果是 <div> <div class="classname"> <\/div> <div> <div> <\/div> 第二种是在div里面的最后位置加上一个div,例如 $(".classname").append("<div>...

相似回答