JQ/jquery获取子元素、同级元素、父级元素_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)

JQ获取子元素：

children方法:

HTML代码：

<div class=”d1”>    <p>子元素</p></div>

JQ代码：

<script type="text/javascript">$(document).ready(function(){$(". d1"). children (“p”).text();//得到的值为：子元素});</script>

JQ获取同级元素：

a.  同级下一个元素：next()

HTML代码：

<div class=”d1”>一级内容</div><div class=”d2”>二级内容</div>

JQ代码：

<script type="text/javascript">$(document).ready(function(){$(". d1"). next ().text();//得到的值为：二级内容});</script>

b.  JQ获取指定元素之后的所有同级元素：nextAll()

c.  JQ获取指定元素前一个同级元素prev ()：

HTML代码：

<div class=”d1”>一级内容</div><div class=”d2”>二级内容</div>

JQ代码：

<script type="text/javascript">$(document).ready(function(){$(". d2"). prev ().text();//得到的值为：一级内容});</script>

JQ指定元素之前的所有同级元素 prevAll()：