Javascript JQuery如何设置调用函数的按钮的id
我有一个按钮Javascript JQuery如何设置调用函数的按钮的id,javascript,jquery,sender,Javascript,Jquery,Sender,我有一个按钮,当它被点击时,JQuery将创建一个新的按钮,带有输入和按钮中文本的id,当点击该按钮时,它将调用一个函数deltebutton(),该函数应删除该按钮,但是我需要JQuery获取调用函数的按钮的id,并将其设置为一个名为id的字符串 我尝试了$(event.target).attr('id')和$(this.attr('id')但它们都不起作用 我看了看,但什么也没找到 这就是功能 function takedown(){ note = document.getElem
,当它被点击时,JQuery将创建一个新的按钮,带有输入和按钮中文本的id,当点击该按钮时,它将调用一个函数deltebutton()
,该函数应删除该按钮,但是我需要JQuery获取调用函数的按钮的id,并将其设置为一个名为id的字符串
我尝试了$(event.target).attr('id')
和$(this.attr('id')代码>但它们都不起作用
我看了看,但什么也没找到
这就是功能
function takedown(){
note = document.getElementById("noteinput").value;
idh1 = note + "h1";
idbutton = note + "button";
idcenter = note + "center";
$('<center id="' +idcenter + '"> <h1 idh1="' + idh1 + '">' + note + '</h1> <button id="'+ idbutton +'" onclick="deletenote()"> Delete </button> </center>').appendTo("body");
}
如果有人知道怎么做,这将非常有用。不要在JS和jQuery中使用字符串。您的选择器是错误的
function deletenote(){
var id = event.target.id;
$('#'+id).remove();
}
另外,我认为您可以在不获取ID的情况下调用remove
function deletenote(){
$(this).remove();
}
不要在JS和jQuery中使用字符串。您的选择器是错误的
function deletenote(){
var id = event.target.id;
$('#'+id).remove();
}
另外,我认为您可以在不获取ID的情况下调用remove
function deletenote(){
$(this).remove();
}
基于前面的答案和评论,一个更简单的解决方案是:
function deletenote(){
$(event.target).remove();
}
基于前面的答案和评论,一个更简单的解决方案是:
function deletenote(){
$(event.target).remove();
}
最初的点击功能叫什么?@RobertSadler最初的点击功能叫Post-your-through-takedown函数和deletebutton函数,这样我就可以看到你在做什么,在哪里。很难知道美元(这个)是基于一行代码出于好奇,如果你在使用jQuery,为什么还要麻烦使用document.getElementById
?最初的单击函数是如何调用的?@RobertSadler最初的单击函数被称为Post-your-this-takedown函数和deletebutton函数,这样我就可以看到你在做什么以及在哪里。很难知道$(这)是基于一行代码的。出于好奇,如果您使用jQuery,为什么要麻烦使用document.getElementById
?我尝试了这两种方法,但当我单击“删除”按钮时,它仍然在那里尝试您的事件目标选择器<代码>变量id=$(event.target).attr('id')代码>我从来没有用过,所以我不确定它会work@Programer看一下我对第一个函数的编辑。我仍然相信第二个应该可以工作。我尝试了这两种方法,但当我单击“删除”按钮时,它仍然在尝试您的event.target选择器<代码>变量id=$(event.target).attr('id')代码>我从来没有用过,所以我不确定它会work@Programer看一下我对第一个函数的编辑。我仍然相信第二种方法应该有效