jQuery：如何在单击切换时删除附加项

Question

我在点击'span'时附加了一个课程。我可以在点击其他图标时删除附加的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;
    }
});