Динамически добавить скриптовый тег внутри динамического тега 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>

Это не добавляет в сценарий тегов и что-нибудь Thats внутри него.

Answer 1

вам не хватает "

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