如何将'this'与第一个孩子选择器结合起来？

Question

我正在尝试将'this'与div：first-child结合起来，以获取构成锚标记主体的隐藏div的html值。这应该怎么做？

$('a').click( function(){
  $(this + "div:first-child").html();
}

Answer 1

试试这个：

$('a').click( function(){
  $("div:first-child", this).html();
}

它选择链接里面"div:first-child"的html

Answer 2

值得指出的是，首先，div是一个块级元素，因此在内联元素（例如a）中无效。也就是说，可能值得修改你的选择器：

$('a').click( function(){
  $(this).find("div:first-child").html();
}

或者：

$('a').click( function(){
  $(this).find("div:hidden").html();
}

我没有将您的元素从div更改为span，但我强烈建议您应该这样做。顺便说一句，使用上下文选择器（$('div:first-child',this)）无论如何都要在内部调用find()，将其转换为：$(this).find('div:first-child')。

参考文献：

• find()。
• :hidden-selector。
• jQuery's context-selector。

Answer 3

使用

$(this).children("div:first-child").html();

访问anchor-link元素中的子元素。

Answer 4

$('a').click( function(){
  $("div:first-child", this).html();
}