jquery如何取同级元素的子级

jquery如何取同级元素的子级,第1张

jquery中同级元素即兄弟元素用siblings()获取,子级元素用children()获取,所以可以使用如下代码取同级元素的子级:

$('selector')siblings()children();

示例代码:

<html xmlns="http://wwww3org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://codejquerycom/jquery-latestjs"></script>
<style>
div{padding:10px;margin:10px;}
divxiyouji{width:250px;height:200px;border:4px solid green;}
divsun-niu{border:4px solid red;}
divsun-niu div{border:2px solid blue;}
</style>
<script>
$(function(){
$("divsun-niu")click(function() {
nephew = $(this)siblings()children()text();
if(nephew)
option = nephew;
else
option = "没有侄子";
alert(option);
});
})
</script>
</head>
<body>
<div class="xiyouji">
<div class="sun-niu">
孙悟空
</div>
<div class="sun-niu">
牛魔王
<div>红孩儿</div>
</div>
</div>
</body>
</html>

显示效果:

点击孙悟空后,就显示了同级的子级元素,也就是他侄子红孩儿。

以上就是关于jquery如何取同级元素的子级全部的内容,包括:jquery如何取同级元素的子级、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9391242.html

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

发表评论

登录后才能评论

评论列表(0条)

保存