如何将JS函数添加到动态创建的div中？

Question

当用户按下按钮时，我正在动态创建一个包含div的表行。 div具有“内容”类。

$(document).on("click", ".vote", function() {
        //Deletes selected row
        var rowLoc = this.parentNode.parentNode.rowIndex;
        document.getElementById("news").deleteRow(rowLoc);

        //Adds new row to bottom.
        var table = document.getElementById("news");

        //Adds content to new cell.
        var titleCell = newRow.insertCell(0);
        $(titleCell).addClass("articles");
        titleCell.innerHTML = "<h3><a href='" + articles[index].url + "'>" + articles[index].title + "</a></h3><div class='contents'>" + articles[index].text + "</div>";
        index++;
    });

    document.getElementById("content").innerHTML=output;

    // Adds shorten function to original rows with the div class="contents"
    $(function(){
        $(".contents").shorten();
    });

如何将shorten()应用于班级“内容”的新div？

Answer 1

我会在您的点击处理程序中执行此操作：

var cell = $(titleCell).addClass("articles");
titleCell.innerHTML = ...
cell.find('.contents').shorten();

Answer 2

innerHTML不会更新DOM，因此您可以将.append（）替换为HTML。