如何使用“this”访问元素

Question

我需要访问每个 DIV 标签中的 SPAN 标签
所以我使用了以下代码

    $("DIV").click(function(){      
    $(this + "SPAN").show();
});

上面的代码是否正确？它对我不起作用！它也没有显示任何内容..
请帮助我

谢谢，
Praveen J

Answer 1

您可以使用 .find() 来获取另一个元素中的元素，像这样：

$("div").click(function(){      
  $(this).find("span").show();
});

作为一般规则，要获取与 this 相关的任何内容，您通常会从 $(this) 和 树遍历函数 进行移动。

---

对于实际代码，基于以下注释：
如果您的代码如下所示：

<fieldset>
  <legend>Link</legend>
  <span>CHECK</span>
</fieldset> 

那么 .find() 不会'从 $("legend") 选择器开始工作，因为 不在

内部

它是同级，所以使用 .siblings() （可选地使用选择器）如下所示：

$("legend").click(function(){ 
  $(this).siblings("span").show(); 
});​

您可以在这里尝试一下

Answer 2

您可以使用查找功能来做到这一点。 （此外，最好使用小写字母作为选择器。）

$("div").click(function(){      
    $(this).find("span").show();
});