Javascript 如何在附加按钮中获取数据id？

JavaScript

$（“#btn”）。在（'click'，function（）上{
$（“#结果”）.append（“此处的一些文本”）；
});

HTML

点击这里
在此提交

单击带有

id=“submit”

的按钮后，我想从附加按钮显示

data id='show'

。如您所见，带有

id=“result”

的div就像一个包含所有附加文本的容器

到目前为止，这就是我所拥有的

JavaScript

$（“#提交”）。单击（函数（）{
$（“#结果”）。每个（函数（索引）{
log（index+”：“+$（this.text（））；
});
});

但是有了这段代码，我只能检索文本“sometext here”。但我需要的是附加按钮的数据id

我也尝试了下面的代码，但它不起作用

JavaScript

$（“#提交”）。单击（函数（）{
$（“#结果”）。每个（函数（索引）{
log（index+“：”+$（this.html（$（this.html（$（this.attr（“数据id”）））））；
});
});

试试这个

$('#submit').click(function(){
  console.log($("#result").find("button").data('id'));
});

确保您的id是唯一的。。。。每个ID都没有意义

试试这个

$('#submit').click(function(){
  console.log($("#result").find("button").data('id'));
});

确保您的id是唯一的。。。。每个ID都没有意义

试试这个

$('#submit').click(function(){
  console.log($("#result").find("button").data('id'));
});

确保您的id是唯一的。。。。每个ID都没有意义

试试这个

$('#submit').click(function(){
  console.log($("#result").find("button").data('id'));
});

---

确保您的id是唯一的。。。。每个带有id的按钮都没有意义

要获取

#result

元素中按钮的数据id，可以执行以下操作：

$('#submit').click(function(){
    $('#result button').each(function(i){
         console.log(i, ':', $(this).data('id'));
    });
});

---

要获取

#result

元素中按钮的数据id，可以执行以下操作：

$('#submit').click(function(){
    $('#result button').each(function(i){
         console.log(i, ':', $(this).data('id'));
    });
});

---

要获取

#result

元素中按钮的数据id，可以执行以下操作：

$('#submit').click(function(){
    $('#result button').each(function(i){
         console.log(i, ':', $(this).data('id'));
    });
});

---

要获取

#result

元素中按钮的数据id，可以执行以下操作：

$('#submit').click(function(){
    $('#result button').each(function(i){
         console.log(i, ':', $(this).data('id'));
    });
});

---

如果用户多次单击

#btn

“单击此处”按钮，您将在

#result

中添加多个新按钮（如果您有重复的

id

值，则这将是无效的html），因此您需要使用

循环这些按钮。每个（）

而不是尝试使用

循环查看
#结果
。each（）
：

演示：

注意：您的
#result
元素的标记缺少关闭
标记中的
//code>。
如果用户多次单击
#btn
“单击此处”按钮，您将在
#result
中附加多个新按钮（如果您有重复的
id
值，这将是无效的html），因此您需要使用
.each（）
循环这些按钮，而不是尝试使用
循环
\result
。each（）
：

演示：

注意：您的
#result
元素的标记缺少关闭
标记中的
//code>。
如果用户多次单击
#btn
“单击此处”按钮，您将在
#result
中附加多个新按钮（如果您有重复的
id
值，这将是无效的html），因此您需要使用
.each（）
循环这些按钮，而不是尝试使用
循环
\result
。each（）
：

演示：

注意：您的
#result
元素的标记缺少关闭
标记中的
//code>。
如果用户多次单击
#btn
“单击此处”按钮，您将在
#result
中附加多个新按钮（如果您有重复的
id
值，这将是无效的html），因此您需要使用
.each（）
循环这些按钮，而不是尝试使用
循环
\result
。each（）
：

演示：

注意：您的
#result
元素的标记缺少结束
标记中的
/
。
为什么有
$（“#result”）。每个（函数（索引）{
？你知道不能有多个id为
result
的元素吗？tottlay接受@dystroyn不太确定，先生..我的朋友只建议我使用每个元素来获取所有数据，或某个分区中的id。我的答案不太确定..为什么你有
$（“#result”）.每个（函数（索引）{
？你知道不能有多个id为
result
的元素吗？tottlay接受@dystroyn不太确定，先生..我的朋友只建议我使用每个元素来获取所有数据，或某个分区中的id。我的答案不太确定..为什么你有
$（“#result”）.每个（函数（索引）{
？你知道不能有多个id为
result
的元素吗？tottlay接受@dystroyn不太确定，先生..我的朋友只建议我使用每个元素来获取所有数据，或某个分区中的id。我的答案不太确定..为什么你有
$（“#result”）.每个（函数（索引）{
？您知道不能有多个id为
结果的元素吗？
？tottlay接受@dystroyn不太确定，先生..我的朋友只建议我使用每个元素来获取所有数据，或某个分区中的id。我对我的答案不太确定..确保您先单击btn，否则结果将没有按钮，并且将是未定义的。。。否则您需要更改您的逻辑确保您先单击btn，否则结果将没有按钮且未定义…否则您需要更改您的逻辑确保您先单击btn，否则结果将没有按钮且未定义…否则您需要更改您的逻辑确保您先单击btn，否则结果将没有按钮按钮和将被未定义…否则您需要更改您的逻辑。谢谢..让我先试试..我已经编辑了#result closing divoh.谢谢..让我先试试..我已经有edi了