Question

html代码

<div>
<span class="share-start-url"><i class="fa fa-fw fa-link">test</i></span>
<div class="share-url" style="float: none;">http://impactne.ws/1OzGim8</div>
</div>

<div>
<span class="share-start-url"><i class="fa fa-fw fa-link">test</i></span>
<div class="share-url" style="float: none;">http://impactne.ws/1OzpL12</div>
</div>

jQuery代码

jQuery(document).on("click", ".share-start-url", function(e){
    jQuery(".share-url").toggleClass("share-swipe");
    jQuery(".fa-link").toggleClass("share-back-highlighted");
    e.stopPropagation();
});

目前，当用户点击第一个类时，它会打开所有元素而不是单独打开。我该如何解决？

Answer 1

使用DOM遍历仅切换相同DIV中的元素：

$(document).on("click", ".share-start-url", function(e) {
    var thisDiv = $(this).closest("div");
    thisDiv.find(".share-url").toggleClass("share-swipe");
    thisDiv.find(".fa-link").toggleClass("share-back-highlighted");
    e.stopPropagation();
});

jQuery函数单独切换多个元素

1 个答案: