jquery如何取同级元素的子级？
比如：元素A和元素B为同级元素，元素C为元素B的子元素请问，我如何通过元素A得到元素C？我尝试这种写法$(".ss_bt").click(function(){$(thi...
比如：
元素A和元素B为同级元素，元素C为元素B的子元素
请问，我如何通过元素A得到元素C？
我尝试这种写法
$(".ss_bt").click(function(){
$(this).next('div')
})
但是似乎不对，取到的仍然是元素B 展开
元素A和元素B为同级元素，元素C为元素B的子元素
请问，我如何通过元素A得到元素C？
我尝试这种写法
$(".ss_bt").click(function(){
$(this).next('div')
})
但是似乎不对，取到的仍然是元素B 展开
2个回答
展开全部
jquery中同级元素即兄弟元素用siblings()获取，子级元素用children()获取，所以可以使用如下代码取同级元素的子级：
$('selector').siblings().children();示例代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
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;}
</style>
<script>
$(function(){
$("div.sun-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>显示效果：
点击孙悟空后，就显示了同级的子级元素，也就是他侄子红孩儿。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
