ZKX's LAB

jquery 获取同级节点 jQuery怎样获取当前元素的父元素同级元素子元素

2021-04-26知识4

jquery如何获得同级元素,在jquery中,获得同级元素的方法一般有七个,分别是ilig、ext、extAll、extUtil、rev、revAll、revUtil,下面分别介绍它们的使用。

JQuery,如何清除,除了点击的元素以外,其他所有元素 可以使用2113Jquery中的siblings()和remove()方法实现。5261实现原理主要是使用siblings获取被4102点击元素1653之外的同级元素,然后使用remove()删除。完整的代码如下:运行的效果如下:例如当点击DIV内容为2的框时,其他的DIV被清除,内容为2的框移到最顶,点击后的效果图如下:扩展资料:如果想对移到最顶的框进行一定的突出显示处理,比如给个背景颜色,字体加大,可以利用css()方法,代码如下:doctypehtml>;JQuery例子script>;(function(){(\".class1\").click(function(){(this).siblings().remove();(this).css({\"background-color\":\"yellow\",\"font-size\":\"50px\"});});});1234main{width:640px;height:500px;margin:0 auto;border:1px solid red;}class1{width:90%;height:100px;margin:0 auto;border:1px solid red;margin-top:10px;font-size:40px;}运行的效果如下:

jquery如何取同级元素的子级? jquery中同2113级元素即兄弟元素用siblings()获取,5261子级元4102素用children()获取,所以可以使用如下代码取同级元素的子级:('selector').siblings().children();示例代码:1653html xmlns=\"http://www.w3.org/1999/xhtml\">;TESThtml;charset=utf-8\"/>;com/jquery-latest.js\">;<;/script>;div{padding:10px;margin:10px;}div.xiyouji{width:250px;height:200px;border:4px solid green;}div.sun-niu{border:4px solid red;}div.sun-niu div{border:2px solid blue;}(function(){(\"div.sun-niu\").click(function(){nephew=$(this).siblings().children().text();if(nephew)option=nephew;elseoption=\"没有侄子;alert(option);});})孙悟空牛魔王红孩儿显示效果:点击孙悟空后,就显示了同级的子级元素,也就是他侄子红孩儿。

#jquery 获取同级节点

随机阅读

qrcode
访问手机版