jqueryのdivに要素とテキストの両方を追加するにはどうすればよいですか？

Question

私はjQueryを使用して、要素とテキストの両方を既存のdiv要素に追加しようとしています。ただし、これを試してみると

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

最初の行のimg要素が消去されます。どのように私のdivに両方のものを得ることができますか？

Answer 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>

Answer 2

このようなことを試しましたか？

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

:)