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

Question

如何获取DIV内的所有内容？我想在我的页面上保存#wrapper DIV中存在的所有代码.这很容易.但问题是......如何为一个特定对象(带有"main"类的图像)选择所有EXCEPT.

你可以在这里看到它是如何工作的http://www.jsfiddle.net/8A27a/

这是我到目前为止:

        <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>

Answer 1

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

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

请注意,对于包含大量内容的DIV,这可能效率低下.