javascript - jQuery:如何删除单击切换上的附加项目

Question

我在单击“跨度”时附加一个类。我可以在单击其他图标时删除附加的 div 并附加到那里。如何在单击两次的每个图标上添加切换。下面是我的 jquery:

  var toggle = true;
$('.extra-items span').on('click',function() {
    $(".mid-side .same-category").remove();
    if(toggle)
    {
        $(this).closest(".row").append($(".media-categories-all").html());
        toggle = false;
    }
    else
    {
        $(this).closest(".mid-side .same-category").remove();
        toggle = true;
    }
})

还有很多“跨度”。当它在第一次单击一个图标时附加时..它也会在第一次单击另一个图标时删除该图标，并且在第一次单击时不会附加任何内容。

谢谢brso05

Answer 1

您可以创建一个全局变量并使用它来切换:

var toggle = true;
$('.extra-items span').on('click',function() {
    //removed remove() here
    if(toggle)
    {
        $(this).closest(".row").append($(".media-categories-all").html());
        toggle = false;
    }
    else
    {
        $(this).closest(".mid-side .same-category").remove();
        toggle = true;
    }
});