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

Question

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

你可以在这里看到它是如何工作的 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，这可能效率低下。