动态更改jquery变量

Question

我正在尝试从jquery中的变量生成元素。我的变量如下：

var panelheader = "<div class='panel panel-default'><div class='panel-heading pnlbld'>Test</div><div class='panel-body'></div></div>"

我想更改panel-heading文字，并希望插入panel-body。

$(panelheader + '.panel-heading').text('Name')

上面的语句会删除文本divs内的所有Name内部面板。但我希望这个为panel-heading。

此外，当我尝试在table之间插入panel-body时，如下所示：

$(panelheader + '.panel-body').prepend(mytbl)

它会在table之前创建panel-heading。

我想要＆＃34;姓名＆＃34;代替＆＃34;测试＆＃34; 之间的mytbl

<div class='panel-body'></div>

Answer 1

您需要将panel-header中的HTML字符串转换为DOM元素，然后在其中进行替换。

var ph = $(panelheader);
ph.find(".panel-heading").text('Name');
$("#somediv").append(ph);