jquery - 仅将功能绑定到单击的链接而不使用 id

Question

我在锚标记上使用数据属性，但是当触发以下事件时，它会更改具有该属性的所有链接，显然我猜。我不想使用 id 我只想将事件绑定到单击的链接...应该超级简单，但我无法解决这个问题。这与 Twitter Bootstrap 折叠一起用于阅读更多/阅读更少的摘录功能。

//Excerpt functions
$('.collapse').on('shown', function () {
  $('[data-target]').click(function() {
    $(this).html('&raquo More');
  });
});
$('.collapse').on('hidden', function () {
  $('[data-target]').click(function() {
    $(this).html('&laquo Less');
  });
});

我的 html 看起来像这样

<a href="#" data-toggle="collapse" data-target="#more1">&raquo; More</a>
<div id="more1" class="collapse"></div>

Answer 1

改为使用$(this).find('[data-target]').click(...。

检查您在评论中发布的 html 后，您应该执行以下操作：

$(this).prev('[data-target]').click(...