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/

相关文章:

javascript - 我如何使用 jquery 显示基于先前选择的下一个选择选项?

html - 新手 CSS : Dropdown Menu Appears without Menu Hover?

javascript - 使用 jQuery 粘性 DIV

javascript - 如何从 Clojurescript 调用 Javascript?

javascript - Angular JS 默认选中单选按钮

javascript - 如何检测我的球体是否撞到了另一个静态物体

javascript - Jquery 事件不起作用

javascript - 删除最后一个追加

javascript - 选择一些文本后,应该会出现一个新的跨度(仅限 Javascript + CSS)

javascript - mapbox - 如何设置要素图层的弹出选项