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;
    }
});