javascript - 如何检测表中动态生成的行

标签 javascript jquery html

我有一个表,它的行是动态创建的。
我想在生成tr或td时提示消息[alert]。

一开始会像

<table class="tab"></table>

之后,行将被动态添加。

<table class="tab">
 <tr class="row">
  <td> Message1</td>
  <td> Message2</td>
 <tr>
</table>

Table 和 TR 的 Class 名称将始终相同,但 TD 中的消息会发生变化。
我想在添加 TD 时在 ALERT 中显示消息。

编辑
它接缝我的问题不清楚。 我正在尝试通过以下链接实现这个 JSF 东西
CLICK HERE

它是一个文件上传的东西,当你上传错误的文件时,它会在表格行中抛出一条错误消息,我想在它发生时提醒一条消息。

enter image description here

ANSWER
Hello Every one Thanks for All of you answers. I got the Answer.

$(document).bind('DOMNodeInserted', function(e) {
    var element = e.target;
    if($(element).is("tr.tab")) {
    alert("New ROW ADDED");
    }           
});

最佳答案

我认为通过使用 jqueries .on() event 可以稍微简化此问题的解决方案

使用它可以让您在一条语句中指定事件和选择器:

$(document).on( "DOMNodeInserted", "tr.row", function() {
  alert( "New ROW ADDED" );
});

这是一个 working JSFiddle

关于javascript - 如何检测表中动态生成的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16733133/

相关文章:

c# - 如何从 asp.net 中的代码后面调用确认消息?

javascript - 设置值不粘

javascript - MarkLogic:MarkLogic 数据中心 Content.sjs 中的协调错误

javascript - 揭示形式没有出现

javascript - 带拖放功能的 JQuery 可排序/可选择插件?

javascript - 如何使用地理位置获取城市名称并重定向到该城市的 URL?

jquery - 你能在没有 jQuery UI 的情况下制作toggleClass 动画吗?

html - Bootstrap 嵌套列中的链接在小屏幕上不起作用

html - 获取具有绝对位置的父元素的子元素的宽度

asp.net - 如何重新调整此图像的大小以适合文本?