Jquery-获取DIV中除特定对象之外的所有内容

如何获取DIV中的所有内容？我想保存页面上#wrapper DIV中存在的所有代码。这很容易。但问题是。。。如何选择除一个特定对象（具有“main”类的图像）之外的所有对象

你可以在这里看到它是如何工作的

这就是我到目前为止所做的：

        <div id="wrapper">
            <div class="icon"><img src="http://www.yousendit.com/en_US/theme_default/images/g_logo_trans_110x63.gif"></div>
            <div class="icon"><img src="http://www.yousendit.com/en_US/theme_default/images/g_logo_trans_110x63.gif"></div>   
            <div class="icon"><img src="http://www.yousendit.com/en_US/theme_default/images/g_logo_trans_110x63.gif"></div>  
            <img class="main" src="http://afteramerica.files.wordpress.com/2010/01/061221225103_abraham_lincoln_lg1.jpg">
        </div>

        <input type="button" value="save" class="save">

    <script>
$(document).ready(function() { 
            $('.save').live('click', function() {
                var content = $('#wrapper').html();
                alert(content);
             });
});
</script>

$（文档）.ready（函数（）{
$（'.save'）.live（'单击'，函数（））{
var content=$（'#wrapper'）.html（）；
警报（内容）；
});
});

试试这个

$('.save').live('click', function() {
    var content = $('#wrapper > *').not('img.main').clone();
    content = $('<div></div>').append(content);
    content = content.html();
    alert(content);
 });

$（'.save'）.live（'click'，function（））{
var content=$（“#wrapper>*”）.not（'img.main'）.clone（）；
内容=$（''）。追加（内容）；
content=content.html（）；
警报（内容）；
});

---

[编辑]改进示例以匹配OP的示例。

请查看

。not

选择器：

我能想到的唯一可靠方法是克隆DIV，删除IMG标记并获得生成的HTML：

var e = $('#wrapper').clone();
$('img.main', e).remove();
alert(e.html());

---

请注意，对于包含大量内容的div来说，这可能是低效的。

Hmm。。它似乎正在返回对象。。。我可以在末尾添加HTML（）吗？是的。。。抱歉，我错过了您正在使用的上下文。我只是改变了这个例子。这是可行的，但它使用了

clone（）

。我会考虑一个不涉及克隆的解决方案。