Question

假设我想将一大块HTML直接插入到另一个元素中，例如：

<div class ="test">
<p class ="ptest"> Mauris blandit <span class ="span1">aliquet elit,</span>
eget tincidunt nibh pulvinar a. Cras ultricies ligula sed magna dictum porta. </p> </div>

这很容易做到：

jquery.append("")

然而，这意味着我必须首先格式化所有HTML（删除换行符，替换“with”等）。

有没有一种方法可以在jQuery中自动执行此操作，或者这是我需要手动执行的操作？

Answer 1

我曾经遇到过同样的问题，这对我帮助很大。也许它可以帮助你。

http://api.jquery.com/jquery.parsehtml/

<div id="log">
  <h3>Content:</h3>
</div>

<script>
var $log = $( "#log" ),
  str = "hello, <b>my name is</b> jQuery.",
  html = $.parseHTML( str ),
  nodeNames = [];

// Append the parsed HTML
$log.append( html );

// Gather the parsed HTML's node names
$.each( html, function( i, el ) {
  nodeNames[ i ] = "<li>" + el.nodeName + "</li>";
});

// Insert the node names
$log.append( "<h3>Node Names:</h3>" );
$( "<ol></ol>" )
  .append( nodeNames.join( "" ) )
  .appendTo( $log );
</script>

Answer 2

非常简单：

var html = $('.ptest').clone();
 $('.test').append(html);

将HTML解析为jQuery可用对象的简便方法

2 个答案: