Рассмотрим следующий HTML. Если у меня есть ссылка JSON на элемент ‹button›, как я могу получить ссылку на внешний элемент ‹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);
}
};
Я знаю о методе parent(expr), но из того, что я видел, это позволяет вам фильтровать родителей на один уровень выше и НЕ карабкаться по дереву, пока вы не найдете expr (я бы хотел, чтобы пример кода доказывал, что я ошибаюсь)