Javascript jQuery在文本区域中显示html排除元素

我在一个容器中有4个div。我想在textarea中显示包含div的容器的html。我能做到这一点。问题是，我不想获取容器的所有html。我不想得到第四个。我想复制容器中除div#three之外的所有html。我可以使用

$（“#三”）.remove（）

但是我不想删除div，我只是不想将它的html值复制到textarea。检查JSFIDLE

测试1
测试2
测试3
测试4
var x=$（'#container'）.html（）；
$（'#save'）.val（x）；

试试这个

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

试试这个

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

基本上，您可以逐个检查容器中的div，并检查它们的id。如果需要，可以将它们的html添加到字符串中。然后在末尾将该字符串作为textarea值

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

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


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

基本上，您可以逐个检查容器中的div，并检查它们的id。如果需要，可以将它们的html添加到字符串中。然后在末尾将该字符串作为textarea值

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

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


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

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

编辑：有人打败了我：（哦，好吧

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

编辑：有人打败了我：（哦，好吧

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