JQuery: как игнорировать непосредственные children () и идти глубже, пока не совпадет с заданным элементом?

Question

$(this).parent().parent()
.children(this.attr("tagName").toLowerCase())
.css("background-color", "yellow");

xpath:

/html/body/div/table/tr/td/b/a

$(this).tagName Якорь <a>

проблема в том, что children () смотрит на непосредственных потомков $(this).parent().parent(). Следовательно, он выделит <b> вместо <a>

Мне нужен способ игнорировать это непосредственное дочернее ограничение и выбрать <a>, а не `

Answer 1

Используйте find() для поиска всех потомков:

$(this).parent().parent()
.find(this.attr("tagName").toLowerCase())
.css("background-color", "yellow");

Answer 2

Попробуйте:

$(this).css("background-color", "yellow");

Если вы не пытаетесь выделить все теги на том же уровне, что и "this", в этом случае попробуйте:

$(this).siblings("a").css("background-color", "yellow");