jQuery CSS Selector в сочетании с "this"

Question

Я пытаюсь выяснить, возможно ли что-то подобное. Нам дано, что HTML структура

<a href='#' class='anyLink'> 
    <!-- here goes some content--> 
    <div class='childElement'><!-- here goes some content--></div> 
</a> 

Я не в состоянии использовать идентификаторы, потому что есть много ссылок, и это не определено сколько еще впереди. Так что мой вопрос, вы, ребята, знаете способ, где я могу сделать что-то вроде этого:

$('a').on("click",function(e){ 
    $(this +"div").val(); // for example. 
}); 

Я хочу, чтобы выбрать детский элемент этого якоря, который был щёлкать или хотите получить значение элемента детей , У меня также нет идентификаторов дочерних элементов, и я пытаюсь выбрать вещи с помощью CSS Selectors как td:nth-child(4). Может ли кто-нибудь сказать мне, возможно ли это?

Answer 1

попробовать

$('a').on("click",function(e){ 
    $("div",this).text(); // for example. 
}); 

Answer 2

$('a').on("click",function(e){ 
    $(this).children("div").eq(0).html(); 
}); 

Answer 3

Вы ищете функцию, вызываемую .children().

Но вы также можете попробовать что-то вроде этого:

$('a').on('click', function(e) { 
    $('div', this).val(); // Each div child of this element 
    $(this).children('div'); // Each div child of this element 
});