[英]Is there a jQuery selector/method to find a specific parent element n levels up?
请考虑以下HTML。 如果我有一个对<button>元素的JSON引用,如何在两种情况下获得对外部<tr>元素的引用
<table id="my-table">
<tr>
<td>
<button>Foo</button>
</td>
<td>
<div>
<button>Bar</button>
</div>
</td>
</tr>
</table>
<script type="text/js">
$('#table button').click(function(){
//$(this).parent().parent() will work for the first row
//$(this).parent().parent().parent() will work for the second row
//is there a selector or some magic json one liner that will climb
//the DOM tree until it hits a TR, or do I have to code this myself
//each time?
//$(this).????
});
</script>
我知道每种条件我都可以处于特殊情况,但我更感兴趣的是“无论你遇到多么深刻,爬上树直到你找到元素X”的风格解决方案。 像这样的东西,但更多jQuery喜欢/更少详细
var climb = function(node, str_rule){
if($(node).is(str_rule)){
return node;
}
else if($(node).is('body')){
return false;
}
else{
return climb(node.parentNode, str_rule);
}
};
我知道父(expr)方法,但从我所看到的是允许你过滤父级一级,而不是爬树直到你找到expr(我喜欢代码示例证明我错了)
父母功能做你想要的:
$(this).parents("tr:first");
此外,如果您使用的是jQuery 1.3+,则可以使用最接近的方法
$(this).closest("tr");
不是jQuery,但这个选项效果更好
node.contains(otherNode)
Node.contains()方法返回一个布尔值,指示节点是否是给定节点的后代
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.