如何隱藏的div內容，但留下一些內容在JQuery中

Question

我有這樣一個div：

<div class="someDiv"> 
<span>This content should remain</span> 
The rest of this content needs to be hidden (Faded out) 
</div> 

我不能改變HTML的實際結構。

Answer 1

使用visibility CSS屬性：

$('.someDiv').css('visibility','hidden') 
    .find('span').css('visibility','visible'); 

http://jsfiddle.net/mblase75/WtMea/

我不認爲這是可能的褪色外div也沒有它的內部褪色的一切，但visibility可以被覆蓋。

Answer 2

我會做這樣的事情：

$('.someDiv').append('<span id="fade"></span').find('#fade').html($('.someDiv').contents().filter(function(){ return this.nodeType == 3; })).fadeOut(1000); 

小提琴：http://jsfiddle.net/adeneo/gdNue/1/