jQuery CSS 选择器结合“this”

Question

我正试图弄清楚这样的事情是否可行。我们得到了 HTML 结构

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

我无法使用 ID，因为有很多链接，并且没有定义还有多少链接。所以我的问题是，你们知道我可以做这样的事情吗：

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

我想选择该锚点的一个已被点击的子元素或想要获取子元素的值。我也没有任何子元素的 ID，我正在尝试通过 CSS 选择器将事物选择为 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
});