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如何取同级元素的子级、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)