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(...

仅在没有使用id的情况下将功能绑定到单击的链接

1 个答案: