欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

网络编程

JQ/jquery获取子元素、同级元素、父级元素

作者:qvdv来源:www.qvdv.com更新时间:2018-05-05

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():


本文版权所有,转载须注明:来源 http://www.qvdv.com/qvdv-oop-852.html