Javascript （Drupal）如何使用jQuery只针对节点内的元素？

我是jQuery的初学者，我有以下HTML：

<a class="a2a_dd" href="https://www.addtoany.com/share_save"><img src="//static.addtoany.com/buttons/favicon.png" width="0" height="0" border="0" alt="Share"/>Share</a>

<div id="share-btns">
 <div id="facebook">
  <a class="a2a_button_facebook"></a>
 </div>

 <div id="google_plus">
  <a class="a2a_button_google_plus"></a>
 </div>

 <a class="a2a_button_twitter">
  <div id="twitter"></div>
 </a>
</div>

问题是，我在同一个页面上有一个标题文章的网格，上面都有这个HTML，当我点击任何标题上的.a2a_dd链接时，它只在页面上的第一个标题上切换#share btns div。有没有办法让jQuery识别单击的节点，以便它可以从同一节点切换div？如果您有任何帮助，我们将不胜感激。

请使用。您需要将元素定位在toggle链接之后（根据您的html结构）

---

示例。

每组按钮和链接是否有另一个包装元素？这将有助于隔离实例我很抱歉，是的，它是一个类为.a2a_kitOK的span元素。然后使用模式

$（this）.closest（'.a2a_ki'）.find（'[id=share btn]'）

。它查找父包装器，然后在其中进行隔离。ID不应在页面中重复，因此

[ID=…]

选择此选项也可根据需要完全工作。

(function($){
Drupal.behaviors.toggle = {
  attach: function() {
    $('.a2a_dd').click(function() {
      $('#share-btns').fadeToggle();
    });
  }
};

})(jQuery);

$('.a2a_dd').click(function() {
  $(this).next().fadeToggle();
});