使用第二個切換刪除第一個切換中實現的跨度

Question

我無法刪除在切換中的第一次點擊創建的跨度，並在第二次點擊切換時刪除。

$(document).ready(function(){ 
$("td").toggle(
    function(){ 
     var current = $("input[name=prices]:checked").val(); 
     $(this).html("<img src='images/1.gif'/>"); 
     $(".summary").append("<br><span class = 'newticket' id = 'null'>"); 
     $("#null").attr("id",$(this).attr("id")); 
     $(".summary").append("1 x "); 
     if(current == 'full'){ 
      $(".summary").append("full price ticket."); 
     } 
     $(".summary").append(" Seat: "); 
     $(".summary").append($(this).attr("id")); 
     if(current == 'full'){ 
      $(".summary").append(" Price: £10</span>"); 
     } 

    }, 
    function(){ 
     $(this).html("<img src='images/a.gif'/>"); 
     $("span#" + $(this).attr("id")).remove(); 
}); 
}); 

如果我點擊，如果我的跨度不會刪除表中的值再次單擊跨度但是添加的表值。

任何幫助，將不勝感激。

Answer 1

你不應該追加未封閉標籤 創建一個字符串然後附加它。 完整的解決方案。

$(document).ready(function(){ 

    $("td").toggle(
     function(){ 
      var current = $("input[name=prices]:checked").val(); 
      $(this).html("<img src='images/1.gif'/>"); 
      var html = "<br><span class = 'newticket' id = 'null'>"; 
      htnl += "1 x "; 
      if(current == 'full'){ 
       html +="full price ticket."; 
      } 
      html +=" Seat: " + $(this).attr("id"); 
      $(".summary").append($(this).attr("id")); 
      if(current == 'full'){ 
       html +=" Price: £10" 
      } 

      html += "</span>"; 
      $(".summary") .append(html); 
     }, 
     function(){ 
      $(this).html("<img src='images/a.gif'/>"); 
      $(".summary span.newticket").remove(); 
    }); 

});