jquery选择器不适用于动态添加的表行

Question

在更改下拉列表时，我会动态地向表中添加一行。    在我添加的行的最后一个单元格中，我有一个类“.ups”的按钮。

问题是，似乎这个动态添加的行没有添加到DOm和我的jquery选择器.ups不起作用

{{1}}

Answer 1

使用事件委托：

CandleStickSeries.CandleWidth

Answer 2

您是否尝试使用函数包装click事件并在每次添加相关按钮时调用它。

$（document）.ready（function（）{

$("#drdCriterias").change(function () {


    var table = document.getElementById("tableCriterias");
        var row = table.insertRow(-1);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(2);

        cell1.innerHTML = $('#drdCriterias').val();
        cell2.innerHTML = $('#drdCriterias :selected').text();
        cell3.innerHTML = '<button type="button" class="ups"><span class="glyphicon glyphicon-circle-arrow-up"></span></button>';
    upsClick();

});

function upsClick() {
   $("tr .ups").click(function () {
       alert("Hi"); //nothing happens
   });
}