我們可以在內部的任何div上添加屬性（即id / class）嗎<script type=“text/template” id=“template”><script>

Question

我想在#new-post上添加class屬性，該屬性是<script type="text/template" id="template"></script>

下面是我的代碼，它能夠找到'template'的內容，但不能添加class屬性。

$('#template').contents().find('#new-post').addClass('hello');

HTML

<script type="text/template" id="template">
   <div id="new-post">
   &nbsp;
   </div>
</script>

Answer 1

腳本元素包含CDATA，它不能具有子元素（ <並不表示其中的“標簽開始”（除非該標簽是</script> ）。

如果要對模板的內容執行DOM操作，則必須首先將模板解析為DOM。

var template = $('#template').text(); 
var $template = $(template);
$template.addClass('hello');
alert($template.wrap('<div></div>').parent().html());

Answer 2

為什么不將模板渲染到dom，然后添加類。

編輯：請注意，即使div位於常規html標記內，您的代碼也無法正常工作。

請參閱此小提琴： http : //jsfiddle.net/shyamchandranmec/R7g3S/

$('#foo').contents().find('#bar').addClass('fb');
$("#foo").find("#bar").addClass('foobar');

<div id="foo">
    <div id="bar">foo bar</div>
</div>

fb類不會添加到div #bar中。