ie7の空のdivを非表示にします。

Question

IE7は私の空のdivを示します。 ul要素がない場合はdivを非表示にする関数を作成します。 私はこのセレクタが適用されるいくつかのdivを持っています：'div.Home_filter_par div[class*="cq-colctrl-lt"] div.filters ul' すべてのdivを個別にチェックする必要があります。私もこの方法を試してみました

function update() { 
    if (('div.Home_filter_par div[class*="cq-colctrl-lt"] div.filters ul') == 0) { 
     $('div.Home_filter_par div[class*="cq-colctrl-lt"] div.filters li').closest('div.parsys_column').hide(); 
    } 
} 

が、これはそれらに

$('div.Home_filter_par div[class*="cq-colctrl-lt"] 
div.filters:empty').closest('div.parsys_column').hide(); 

Answer 1

あなたは、彼らが:has()を使用して内部の他の特定の要素を持っているか否かに基づいて、DOM内の要素を選択することができます。

ですから、おそらくこのような何かを探していると思います：

$('div.parsys_column:not(:has(div[class*="cq-colctrl-lt"] div.filters ul))').hide(); 

私はあなたが​​3210を使用しているか質問したいが。代わりに.cq-colctrl-ltで選択できるものではないと確信していますか？

$('div.parsys_column') 
    .not(':has(div[class*="cq-colctrl-lt"] div.filters ul)') 
    .hide() 
    ; 

Answer 2

これをUL要素の両方の空div.filtersとdiv.filtersが含まれていてもdivを非表示にします。これは動作しません。スタイルシートを作成/添付してください。

<!--[if IE7]> <link href="styles/ie7.css" rel="stylesheet" type="text/css"> <![endif]--> 

このようなものを入れてください。

div { 
visibility: hidden; 
} 
div.yourclass { 
visibility: hidden; 
}