gpt4 book ai didi

javascript - 在我的表格中单击了哪个按钮

转载 作者:行者123 更新时间:2023-11-28 14:55:32 24 4
gpt4 key购买 nike

我有一个奇怪的问题......我想。

我有以下代码:在 <body> :

<!-- headers, includes and other "plain" html... -->
<div class="col-sm-4"> <!-- Second column -->
World!
<br>
<p id="testerP"></p>
<script>
var temptext = '';
for (var i = 0 ; i < 3 ; i++){
temptext += '<button name="deleted" value=' + i + ' class="btn btn_sm btn-danger deletes" role="button">DEL</button><br>'
temptext += '<br>';
temptext += '<br>';
}
document.getElementById("testerP").innerHTML = temptext;
</script>
</div>

<div class="col-sm-4"> <!-- Third column -->
<h2>Robot Job Queue</h2>
<table id="queueAll" class="table table-striped table-responsive">
<thead><tr><th>Id</th><th>Type</th><th>Delete</th><th>Priority</th></tr></thead>
<tbody id="tbod">
</tbody>
</table>
</div>

</body> 之后的脚本部分

<script>
$(document).ready(function () {
var socket = io();

// When the client receives a "queue" from the server
socket.on('queue', function(msg){
var html = '';
var tmp = '';
html += '';
temptext = '';

if(msg.length == 0){$("#queueAll").hide();}
else{$("#queueAll").show();}
for (var i = 0 ; i < msg.length && i<5 ; i++){
html += '<tr name="queueRow">'
html += '<td>' + msg[i]['id'] + ' </td>'
html += '<td>' + msg[i]['type'] + '</td>'
tmp = '<button name="deleted" value=' + msg[i]['id'] + ' class="btn btn_sm btn-danger deletes" role="button">DEL</button>';
html += '<td>' + tmp + '</td>'
html += '<td>' + msg[i]['priority'] + '</td>'
html += '</tr>'
}
document.getElementById("tbod").innerHTML = html;
});

//Submitting deleteJob
$('.deletes').on('click',function(e){
console.log(e.target.value);
var dataReturn = {jobType:e.target.value};
socket.emit("delete job",dataReturn);
});
});
</script>

问题是:第一个 for 循环(<body> 中 id=testerP 的循环)按预期运行。我在服务器端和客户端都获取了按钮值。但是,当我单击表格内的按钮时,我没有任何反应?!?!

我可以使用

获取“testerP”按钮
$('button[name="deleted"]').on('click',function(){...

$('.deletes').on('click',function(){...

$('button').on('click',function(){...

但是表格按钮没有任何反应!

为什么不(轻微地呜咽)???

项目信息:

  • Node.js
  • 表达
  • socket.io
  • Bootstrap
  • jQuery
  • 我的第一个 Web 项目,除了纯 html 之外什么都没有......

最佳答案

动态添加到 DOM 的元素,在您的情况下,生成删除按钮的 for 循环需要使用

$(document).on('click', '.deletes', function() { 
// your delete logic
});

关于javascript - 在我的表格中单击了哪个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43048375/

24 4 0
文章推荐: javascript - 更改模态文本后打开模态时,e.preventDefault 不起作用。模式正在打开而不更改内容
文章推荐: css - 为什么不考虑此
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com