jQuery CSS Selector与“this”相结合

时间:2012-01-16 15:48:36

标签: javascript jquery html jquery-selectors

我试图弄清楚这样的事情是否可行。我们得到了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.
});

我想选择已点击或想要获取children元素值的锚点的children元素。我也没有任何ID元素的ID,我正在尝试通过CSS选择器选择td:nth-child(4)。 有人能告诉我这是否可能?

3 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

您正在寻找名为.children()的函数。

但你也可以尝试这样的事情:

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