gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 18:09:34 25 4
gpt4 key购买 nike

我有一个按钮<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 的内容。

最佳答案

这不会按预期运行,因为 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

关于javascript - JQuery remove() 不适用于两个单词的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19823169/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com