jquery-ui - 複数のクラス名を持つ隠し要素を選択する

Question

次のhtmlコードでは、divの1つは非表示で、もう1つは非表示です.私の質問は

1.hidden 属性を持つ複数のクラス名を持つ任意の要素を選択する方法

2.htmlが非表示または表示されているときに内部htmlを取得する方法

私は試した、

 $('.middle-cont,.float-lft,.content-height').html() 

 $('.middle-cont,.float-lft,.content-height:hidden').html() //will this work

html

<div class="middle-cont float-lft content-height">
 some html
</div>

<div class="middle-cont float-lft content-height" > //This div is hidden
 some html123
</div>

Answer 1

コンマがない場合、コンマはいずれかのクラスを持つすべての要素を選択しますが、コンマを削除すると、すべてのクラスを持つ要素が選択されます。

$('.middle-cont.float-lft.content-height').html()

それが隠されているかどうかは、これに違いはありません。

フィドル

Answer 2

,複数のクラスを持つ要素を選択する必要はありません....html()コンテンツを取得するために使用します..（非表示かどうかは関係ありません）

$('.middle-cont.float-lft.content-height').html()

Answer 3

このようにしてみてください

 var innerHtml = $(".middle-cont").filter(".float-lft").filter(".content-height").html();
 alert(innerHtml);

デモ