2012-02-19 5 views
1

親コンテナを隠すことに関して最も類似したJQueryの投稿を行っていますが、どのオプションも私にとってはうまくいかないようです。私は次のコード親IFの子スパンが表示されるように設定されていません:なし

<div id="pagination" class="pagination"> 
    <span class="previous disabled">« Previous</span> 
    <span class="next disabled">Next »</span> 
</div> 

を持っている一言で言えば

*私はところでコーディングない現在、私の店のページネーションのdivは(上記の)空である

を:-P - ページネーションを持っているので、これは起こります上記のコードで前後のスパンを表示するようトリガーされていません。表示されるスパンを単に設定するクラス名が.disabledであることがわかります。

子供のspan.previousとspan.nextが.disabledに設定されている場合、親div #paginationを隠すJquery関数を作成したいとします。

アドバイスをいただきありがとうございます。

+1

は純粋なCSSで行うことはできませんここに

$('.pagination').each(function(){ var $this = $(this); if($('span.next', this).hasClass('disabled') && $('span.previous', this).hasClass('disabled')){ $this.hide(); } }); 

フィドルを行うことができます。親自体が何らかの識別子(クラスまたはID)を持っていない限り、 – PeeHaa

+0

PeeHaaを謝罪する - これはJQuery関連の質問だったので、私はそれを間違ってタグ付けしました。 –

答えて

0
+0

これは、2番目のspanタグの&&を除いて、私が持っていたものに非常に近いです。ありがとう。 –

0

これは未テストです:

$(".pagination:has(.previous.disabled):has(.next.disabled)").hide(); 

または

$(".pagination").has(".previous.disabled").has(".next.disabled").hide(); 
0

私の最初のアプローチ私は書きません「論理」のコードは、デフォルトを変更することです場合:親を隠し、それをのみが表示しますいずれかの子供が無効になっていない場合。 jQueryを使って、それは簡単です:

<div id="pagination" class="pagination" style="display:none"> TEST 
    <span class="previous disabled">« Previous</span> 
    <span class="next disabled">Next »</span> 
</div>​ 

$(':has(:not(span.disabled))').css('display', 'block');​ 
関連する問題