jquery - 针对具有相同类名的特定 jQuery 元素

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
How to select an element by class inside “this” in Jquery

我是 jQuery 新手...我认为这与使用“this”命令有关，但不确定。

我有一个页面以编程方式创建几个这样的 div:

<div class="moreinfolink">Click For More Information
<div class="moreinfotext">Additional Info Here</div>
</div>

因此，页面上有多个 .moreinfolink 和 .moreinfotext 类。

我使用此代码来切换显示 moreinfotext div:

$('.moreinfolink').click(function() {
  $('.moreinfotext').toggle('slow', function() {
  });

但这显然会切换页面上存在的所有 moreinfotext div。

两个问题:如何对父 moreinfolink div 内的特定子 div 执行此操作？有没有比我要走的方向更好的方法？

谢谢!

Answer 1

您可以使用.find (正如@FelixKling 建议的那样):

$('.moreinfolink').click(function() {
    $(this).find('.moreinfotext').toggle('slow', function() { ... });
});

示例: http://jsfiddle.net/hejFq/