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

// 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这个词有很多种解释：内嵌、内联、行内、线拍世悔级等，但是，它们都是表示相同的意思，在这里我们选择习惯的返茄叫法--内联。

---