javascript - 使用 jquery 操作部分 html

Question

在我的 html 中，我有一个(隐藏的)模板，类似于

<div class="tabletemplate dontshow" >
   <p class="movieFile"></p>
   <p class="movieDirector"></p>
</div>

我通过以下方式获取模板

var tableTemplate = $(".tabletemplate").clone().removeClass("dontshow");

然后我想将文本字符串插入到模板中。我尝试了一些事情，比如

tableTemplate.find(".movieFile").text(movieInfo.FileName);

或

$(".movieFile", tableTemplate).text(movieInfo.FileName);

但似乎都不起作用。

我怎样才能轻松做到这一点，理想情况下无需学习整个新的 js 库。

Answer 1

试试这个:

$(".tabletemplate").clone().removeClass("dontshow").appendTo(".tabletemplate");
var movieFile = $(".tabletemplate").find(".movieFile")[0];
$(movieFile).text(movieInfo.FileName);

适合我。当然，您必须将最后一个 appendTo 类更改为 tabletemplate 的父类。