divを文字列で返しますが、可視部分のみです

Question

divにdivがいくつか含まれています。 #allContent全体を文字列として返したいが、内部に含まれている表示されていないdivをすべて削除する。

filter(),:visible、contents()の組み合わせで実現できると思いますが、どうすればよいか正確には分かりません。

Answer 1

var clone = $('#allContent').clone() 
          .appendTo('body') 
          .find(':hidden') 
          .remove() 
          .end() 
          .remove(); 

var content = clone[0].outerHTML || $('<div>').append(clone).html(); 

例：http://jsfiddle.net/ChXPB/3/

EDIT：はouterHTMLのdiv要素が含まれるように、それを変更しました。

編集：ほとんどがチェーン化され、Firefox shimを修復しました。

---

一時的にクローンをDOMに追加する必要があるようです。

これはそれを行う必要があります。

$('#allContent').clone().find(':hidden').remove().end().html(); 

Answer 2

var allContentsHtml = ''; 
$('#allContent div:visible') 
     .each(function() { 
        allContentsHtml += $(this).html(); 
        } 
      ); 

$('#output').html(allContentsHtml);