如何在 jquery 中将元素和文本都附加到 div 中？答案

【问题标题】：How do I append both an element and text to a div in jquery?如何在 jquery 中将元素和文本都附加到 div 中？
【发布时间】：2017-11-18 12:58:23
【问题描述】：

我正在使用 jQuery 并尝试将元素和一些文本附加到现有的 div 元素。但是，当我尝试这个时

$('<img src="/img.png" />').appendTo(gMenuItemInnerDiv);
$(gMenuItemInnerDiv).text(name);

第一行的 img 元素被清除。我怎样才能将这两个东西都放入我的 div 中？

【问题讨论】：

@JamesMaa 你不能使用text()插入html
预期结果是什么？如果您切换顺序，文本将是第一个。如果你想要文本最后...使用 append()
text() 将元素的所有内容替换为您提供的内容，包括您刚刚附加的 img。为什么不附加你的文字？
@charlietfl，我想 HTML 转义文本，所以你说我会做 $(myText).appendTo(gMenuItemInnerDiv) ？
不确定 html 转义文本是什么意思。您是否尝试切换调用这两种方法的顺序？

标签： jquery html text append

【解决方案1】：

var gMenuItemInnerDiv = $('#something');
var name = "<b>Yay</b>";

$('<img src="/img.png" />').appendTo(gMenuItemInnerDiv);
gMenuItemInnerDiv.append( document.createTextNode(name) );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="something"></div>

【讨论】：

【解决方案2】：

你尝试过这样的事情吗？

$('<img src="/img.png" />').appendTo(gMenuItemInnerDiv);
$('<span>' + name +'</span>').appendTo(gMenuItemInnerDiv);

【讨论】：

你正在改变我的问题的条件。我的文本周围没有“span”元素，我也不希望有。