jQuery CSS Selector в сочетании с «этим»

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-селекторов как td:nth-child(4). Кто-нибудь может сказать мне, если это возможно?

Answer 1

1001 * попробовать *

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

Answer 2

Вы ищете функцию с именем .children().

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

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

Answer 3

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