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