javascript - 动态改变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')

以上语句删除面板内所有带有文本Name的div。但我希望将其作为panel-heading。

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

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

它在panel-heading之前创建table。

我希望“Name”位于“Test”和 mytbl 之间的位置

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

Answer 1

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

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