javascript删除所有元素:Uncaught SyntaxError: Unexpected identifier

Question

此类问题已在本网站上被问过很多次，但我不明白为什么会发生这种情况。我想编写一个脚本来删除所有具有“not_imp_msg”类的元素，我这样做了

setTimeout($('.not_imp_msg').each(function(){$(this).slideDown();}),2000); 

实际上这是 Laravel 和我的 flash.blade.php 中的 Flash 消息

@foreach($flash as $flash_message)
    @if(isset($flash_message['status']) && $flash_message['status'] != null)
<div class="box box-{{$flash_message['class']}} box-solid">
    <div class="box-tools pull-right">
      <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
    </div>
    <div class="box-body">
      {{$flash_message['message']}}
    </div>
  </div>
    @else
    <div class="box box-{{$flash_message['class']}} box-solid not_imp_msg">
      <div class="box-body">
      {{$flash_message['message']}}
    </div>
  </div>
    @endif

@endforeach

这在 2 秒后给了我错误，但文档加载后所有元素都会向上滑动。不应该等2秒吗？我不明白为什么。

Answer 1

尝试传递匿名函数，因为 setTimeout 需要函数名称或匿名函数:

$(document).ready(function() {
  setTimeout(function() {
    $('.not_imp_msg').slideDown();
  }, 2000);
});

.not_imp_msg {
  background-color: #ddd;
  border-top: 1px solid white;
  height: 50px;
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="not_imp_msg"></div>
<div class="not_imp_msg"></div>
<div class="not_imp_msg"></div>
<div class="not_imp_msg"></div>
<div class="not_imp_msg"></div>

<小时/>

旁注

如果要删除元素，请使用slideUp(callback)的回调函数来.remove元素。

<小时/>

.slideDown 将显示元素，.slideUp 将折叠元素，但它们仍将以 0px 高度呈现在 DOM 中