javascript - JQuery remove() 不适用于两个单词的 id

Question

我有一个按钮<button onclick="takedown()"> take down </button>创建一个 H1 和按钮，其中包含我的文本字段中文本的 id 和 h1 的末尾的 h1 和按钮的末尾的按钮，该按钮有一个 onclick onclick="delete()" 。这就是那个函数

    function takedown(){

note = document.getElementById("noteinput").value;

idh1 = note + "h1";
idbutton = note + "button";
idcenter = note + "center";

$('<center id="' + idcenter + '"> <h1 id="' + idh1 + '">' + note + '</h1> <button id="'+ idbutton +'" onclick="deletenote()"> Delete </button> </center>').appendTo("body");


}

对于删除函数，仅当按钮的 id 和 h1 是一个单词时，remove() 才起作用。

function deletenote(){
    // First setting
    var idbuttondelete = event.target.id;
    var idh1delete = idbuttondelete.replace("button", "h1");
    // Removing the button, h1,center
     $('#' + idbuttondelete).remove();
     $('#' + idh1delete).remove();

}

有谁知道出了什么问题或者如何使用 JQuery 删除有两个单词 id 的内容。

Answer 1

这不会按预期运行，因为 ID 属性值不能包含空格。将空格替换为下划线或其他允许的字符:

// don't forget VAR or you will have a global variable (bad)
var note = document.getElementById("noteinput").value.replace(/\s/g, '_');

How string.replace() works