2016-04-04 15 views
1

私はスパンとdivを持っています。私はスパンの値が123の場合、divのCSSをdisplay:noneに変更します。スパンの値に応じてCSSを変更してください

私はjQueryでそれをやろうとしていますが、どこが間違っているのか分かりません。

 <script> 
     jQuery(function ($) { 
jQuery('span.specialspan').filter(function(){ 
    return $.trim($(this).text()) == '123' 
}).css('display', 'none'); 
}); 
</script> 

<span class="specialspan">123</span> 

<div id="specialdiv">Foo</div> 
あなたの助けを

感謝(ところで、私はjQueryの無競合を使用しています)

: はここに私のコードです!

+1

とスパン後specialdivを非表示にするには、各spannext()をチェックするeach()を使用することができますか? –

+0

あなたは作品を持っていますが、divではなくスパンの表示プロパティを設定しています – j08691

+0

比較する必要のある1つのspan/divまたは複数のspan/divグループしかありませんか? – j08691

答えて

1

あなたはjQueryのfunction`ない `のように、あなたのコンソールにエラーを見ている123

$('span').each(function() { 
 
    if ($.trim($(this).text()) == '123') { 
 
    $(this).next('.specialdiv').css('display', 'none'); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="specialspan"> 123 </span> 
 
<div class="specialdiv">Foo</div> 
 
<br> 
 
<span class="specialspan">lorem</span> 
 
<div class="specialdiv">Lorem</div>

+0

作品、ありがとうございます!数分で答えを受け入れます! – NickyTheWrench

+0

ようこそ。 –

+0

これは '.sepcialspan'と'#specialdiv'が兄弟であることを前提としています。また、 '#specialdiv'ではなく' .specialdiv'を書いています。 – Aziz

関連する問題