刪除javascript創建的內容

Question

我有一些java腳本工作在導航菜單後面，用戶單擊導航按鈕，並且一些AJAX觸發並引入一些HTML，我想要的是如果再次單擊相同的鏈接，則由該特定按鈕加載的內容將從標記中移除。

有沒有人有想法？我的代碼目前爲

$("#Blog").click(function (ev) { 
     ev.preventDefault() 
      var url = $(this).attr("href"); 
      $.ajax ({ 
       url: "index.php/home/category", 
       type: "GET", 
       success : function (html) { 
      //alert("Success"); 
        $("#accordion").append(html); 
       } 
      }); 
     }); 

Answer 1

$("#accordion").append(
    $("<div class='AJAXContend' />").append(html) 
); 

然後你就可以輕鬆做到$('.AJAXContend').remove();。

另一種選擇是做$('#accordion :last-child').remove();，但這是有點哈克。

Answer 2

$("#Blog").click(function (ev) { 
     ev.preventDefault(); 

缺少的preventDefault後面的逗號。

Answer 3

所以我不知道jQuery足以以這種方式回答，但爲什麼不使用簡單的布爾開關？

// Pseudo: 
If clicked and the switch is false, show the HTML, and set the Switch to True 

If clicked and the switch is true, hide the HTML, and set the Switch to False 

這應該解決問題。

下面的代碼可能是可怕的錯誤，但我會用它來解釋我的想法：

//Global Variables 
var switch = false; 

//Function 
if(!switch) 
{ 
    $("#Blog").click(function (ev) { 
     ev.preventDefault() 
      var url = $(this).attr("href"); 
      $.ajax ({ 
       url: "index.php/home/category", 
       type: "GET", 
       success : function (html) { 
       //alert("Success"); 
        $("#accordion").append(html); 
       } 
      }); 
     }); 

    switch = true; 
} 
else 
{ 
    $("#accordion").innerHTML = ""; 
    switch = false; 
} 

Answer 4

嘗試使用.toggle代替。點擊的：

這將允許你添加第二個功能當再次點擊按鈕時刪除內容。

$("#Blog").toggle(function (ev) { 
    ev.preventDefault(); 
    var url = $(this).attr("href"); 
    $.ajax ({ 
     url: "index.php/home/category", 
     type: "GET", 
     success : function (html) { 
      //alert("Success"); 
      $("#accordion").append(html); 
      } 
     }); 
    }, 
    function (ev) { 
     // remove content from accordion here 
    });