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

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

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

关于sxsy51所说的“浏览器渲染没漏雹吵毛病,查看源代码也没毛病”的问题,我下面分别用div和p来做嵌套,看看是不是如他所说没毛病:肆散

<style>

div,p {padding:10pxborder:1px solid #000}

</style>

这是div三层嵌套的结果:

<返侍div>1<div>2<div>3</div></div></div>

这是p三层嵌套的结果:

<p>1<p>2<p>3</p></p></p>

下面是截图:

一句话:有些块元素不可以包含另一些块元素 ,袭正DTD中规定了块级元素是不能放在P里

P标签内包含块元素时,它会先结束自己,比如:<*p><*div>测试p包含div<*/div><*/p>

那么浏览器会解释成:

<*p><*/p><*div>测试p包含div<*/div><*p><*/p> 会多解释出一个p

起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。

深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。

in-line这个词有很多种解释:内嵌、内联、行内、线拍世悔级等,但是,它们都是表示相同的意思,在这里我们选择习惯的返茄叫法--内联。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11980295.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存