.append（）的反向（刪除元素）

Question

我有一些按鈕與ID和一個「結果框」，按下任何按鈕我的jQuery代碼採取按鈕ID並將其放置在結果框中。
一個按鈕是「刪除」按鈕，這個按鈕應該使用的代碼$("#resultbox").remove(x);刪除最後放置的ID，但它不會
這裏是我的代碼：

$("button").click(function() { 
    x = event.target.id; //takes the id of the button 
    switch (x) 
    { 
    case "del": 
     **$("#resultbox").remove(x); //here it should delete last placed id but it doesn't work** 
     break; 
    default: 
     $("#resultbox").append(x); 
     break; 
    } 
}); 

Answer 1

您需要在remove()的選擇器參數中加上id和#的前綴，如果必須刪除#resultbox的後代。

$("#resultbox").remove("#"+ x); 

作爲元素的ID應該是唯一的，您可以直接刪除元素

$("#"+ x).remove(); 

編輯根據意見，並現場演示

Live Demo

$("button").click(function() { 
    x = this.id;  
    switch (x) 
    { 
    case "del": 
     text = $("#resultbox").text() 
     $("#resultbox").text(text.substring(0,text.length-1)); 
     break; 
    default: 
     $("#resultbox").append(x); 
     break; 
    } 
}); 

Answer 2

我想你想這樣做：

$('#result').last().remove(); 

這將拿起的最後一個元素的容器，並刪除它..

Answer 3

什麼是event？

應指定爲參數：

$("button").click(function(event) { 

檢查jQuery click documentation

處理器（eventObject）傳遞

類型：Function（）

的函數每次執行事件被觸發。

而且，你只是通過文字添加元素，這樣可以去除這樣的：

$("button").click(function(event) { 
    var id = this.id; // the actual button 
    switch (id) 
    { 
     case "del": 
      var text = $("#resultbox").text(); 
      if (text.length >= 1) 
      { 
       text = text.substring(0, text.length - 1); 
       $("#resultbox").text(text); 
      } 
      break; 
     default: 
      $("#resultbox").append(id); 
      break; 
    } 
}); 

Example on jsFiddle。

Answer 4

它不會像這樣工作。 X是你正在追加的內容的副本，而不是附加的元素本身。至於那，$ ...... append將會返回一個你剛創建的對象。如果您將此對象提供給remove語句，它將按預期工作。

Answer 5

這是你的工作計算器..

你受到嚴重混亂的id選擇代碼。我試着改進它..

http://jsfiddle.net/w2kG6/3/

$("button").click(function() { 
    var _self = $(this); 
    var _attr = _self.attr('id'); 

    console.log(_attr); 
    switch (_attr) 
    { 
    case "del": 
     var str = $("#resultbox").text(); 
     if($("#resultbox").length > 0) 
      $("#resultbox").html(str.substring(0,str.length - 1)) 
     break; 
    default: 
     $("#resultbox").append(_attr); 
     break; 
    } 
});