-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>デモ

親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

「subentry」の部分を除いて、entry 内のすべてを非表示にする必要があるということですか

Id がこれを行う$(".entry").hide()

次に、その下に追加します$(".subentry").show()

于 2012-11-29T08:18:04.327 に答える
0

これを試して：

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

これにより、subentry タグの子孫を除くすべてが非表示になります。詳細については、これsiblings()を参照してください。

于 2012-11-29T07:59:26.843 に答える