-3

我想显示 HTML 部分的特定部分。例如，

<html>
    <div class="entry">
        <span class="headword">work</span>
        <span class="synonym">job</span>
        <span class="antonym">play</span>
        <span class="subentry">
            <span class="headword">working</span>
            <span class="synonym">studying</span>
            <span class="antonym">playing</span> 
        </span>
    </div>
</html>

我需要用class="subentry".

4

4 回答 4

3

CSS

.entry > span {
         display:none /*This hides all the direct child(span) of the parent div*/
         }
.entry .subentry { display:block}

​<strong> DEMO

如果您在父 div 侧使用不同的标签，请使用visibility选项。

HTML

<div class="entry">        
        <span class="antonym">play</span>
        **<span class="subentry">
            <span class="headword">working</span>
            <span class="synonym">studying</span>
            <span class="antonym">playing</span> 
        </span>**
    <div>sgnmgasd</div>
    <p>afs</p>
    </div>​

CSS

.entry{
 visibility:hidden
}
.subentry{
 visibility:visible
}

演示2 ​</p>

于 2012-11-29T07:42:57.067 回答
1

检查这个：

http://jsfiddle.net/FL7kF/

$(".subentry").siblings().hide();

这将仅显示 .subentry 子跨度，而其他将被隐藏；

于 2012-11-29T07:50:49.670 回答
0

你的意思是你需要隐藏条目中的所有内容，除了“子条目”部分

那个 Id 做这个$(".entry").hide()

然后在它下面添加$(".subentry").show()

于 2012-11-29T08:18:04.327 回答
0

尝试这个：

$('.subentry').siblings().hide()

这将隐藏除子条目标记的后代之外的所有内容。有关更多信息，siblings()请参阅此。

于 2012-11-29T07:59:26.843 回答