如何将元素和文本附加到jquery中的div？ [英] How do I append both an element and text to a div in jquery?

问题描述

我使用jQuery并尝试将元素和一些文本附加到现有的div元素。然而，当我尝试这种方式时，

  $（'< img src =/ img.png/>'）。 appendTo（gMenuItemInnerDiv）; 
 $（gMenuItemInnerDiv）.text（name）; 
  

第一行的img元素已被清除。

  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>  

I'm using jQuery and trying to append both an element and some text to an existing div element. However, when I try this

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

The img element from the first line is wiped out. How can I get both things into my div?

解决方案

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>

这篇关于如何将元素和文本附加到jquery中的div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！