如何隐藏的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/