在动态div标签内动态附加脚本标签

Question

如何动态地将脚本标记附加到动态生成的div？

例如：

<div class="test abc">

    abc

</div>

我的代码：

var count = 0;
$("div.test abc").append("<div id=" + "check" + count + ">"
                    +"<script type = 'text/javascript'>"
                    + "thirdpartyfunction(function(){});"
                    + "</script>"
                    + "</div>");

count++;

上面的代码只是附加<div id="check0"> </div>

它不附加脚本标记及其中的任何内容。

Answer 1

你错过了一个＆＃34;

var count = 0;

$("div.test abc").append("<div id=" + "check" + count + ">"
                    +"<script type = 'text/javascript'>"
                    + "thirdpartyfunction(function(){});" ==> here                   + "</script>"
                    + "</div>");

count++;
}

Answer 2

您需要修改类选择器并转义结束脚本标记：

$("div.test.abc")
<\/script>

fiddle