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