jquery - 根据 span 值更改 css

Question

我有一个 span 和一个 div。如果 span 的值为 123，我需要将其设置为将 div 的 css 更改为 display:none;

我正在尝试使用 jQuery 来完成它，但我看不出哪里出错了。这是我的代码:

(顺便说一句，我使用的是 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>

感谢您的帮助!

Answer 1

您可以使用 each() 检查每个 span 和 next() 在 span 之后隐藏 specialdiv 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>