jQuery在textarea中显示html排除元素

Question

我在一个容器中有4个div。 我想在textarea中显示包含div的容器的html。 我能够做到这一点。 问题是，我不想获取容器的所有html。 我不想得到#iv＃3。 我想复制除div #three之外的所有html容器。 我可以使用$('#three').remove()但我不想删除div，我只是不想将其html值复制到textarea。 检查jsfiddle http://jsfiddle.net/rzfPP/

<div id="container">
  <div id="one">test 1 </div>
  <div id="two">test 2 </div>
  <div id="three">test 3 </div>
  <div id="four">test 4 </div>
</div>    
<textarea id="save"></textarea>

var x = $('#container').html();
$('#save').val(x);

Answer 1

尝试这个

$("#container").clone().find("#three").remove().end().html();

http://jsfiddle.net/rzfPP/21/

Answer 2

/*
var x = $('#container').html();
$('#save').val(x);
*/

var lol = $('#container').clone()
$(lol).find('#three').remove();


$('#save').val(lol.html());

Answer 3

$('#container').clone().find('#three').remove().end().html();

从技术上讲，这是非法的，因为您要复制ID，但是可以正常工作。

http://jsfiddle.net/rzfPP/33/

编辑：有人击败了我:(哦，不错。

Answer 4

var text = "";

$('#container div').each( function() {

   if ( this.id != "three" ) {

      text += $(this).html();

   }

});

$('#save').val( text );

http://jsfiddle.net/rzfPP/31/

基本上，您一一检查#container中的div，然后检查其ID。 如果您要使用它，请将其html添加到字符串中。 然后最后将该字符串作为您的textarea值。