javascript - Jquery 切换影响了我所有的共享图标

Question

我在这里建立一个博客: http://www.bluehavenhomes.com/blog

我的 Jquery:

 <script>
        $(document).ready(function(){
            $('.Share-button').click(function(){
                $('.share-icon').toggle();    

            });
        });

    </script>

这应该很简单，但我的大脑已经烧坏了。我只需要单击共享图标即可显示共享按钮。现在，如果您单击 1 个共享图标，所有帖子的所有按钮都会显示。我无法识别这些帖子，因为它们是从博客数据库自动填充的。

Answer 1

尝试:

<script>
    $(document).ready(function(){
        $('.Share-button').click(function(){
            $(this).closest('.share-icon').toggle();
            //possibly replace .closest() with .siblings() or .next()

        });
    });

</script>

通过使用this选择器，您可以将范围缩小到仅被单击的元素。从那里，您需要使用 .next()、.siblings() 或 .closest() 来遍历 DOM 并找到您要查找的元素。