javascript - 选择文档中除 div 元素之外的所有元素并对其应用 css

Question

我想选择页面上除“div”元素之外的所有元素，并一个一个地为它们应用一个类 5 秒。这是我的 jQuery 代码:

$('*').not('div').each(function(){
    $(this).addClass("flash");
    setTimeout(function() {
        $(this).removeClass("flash");
    }, 5000);
});

经过搜索，我认为这段代码很好，但我的应用程序甚至无法启动。它在启动循环加载后立即出现，但没有启动。有帮助吗？

编辑:
加载页面后，我希望每个元素(div 除外)的类都闪烁 5 秒，一个接一个。抱歉我没有早点解释

Answer 1

使用 $('body > *').not("div") 你可以获得除 div 之外的所有元素。

$('body > *').not("div").each(function(i) { // it will loop through all elements except div
  var obj = $(this); // get current element
  setTimeout(function() {
     $(obj).addClass("flash"); // add class
  }, i*500); // delay 200 ms
  setTimeout(function() {
      $(obj).removeClass("flash"); // remove class after some delay
  }, i*1000); // delay 500 ms
});

.flash {
color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <ul>
      <li> AAA </li>
      <li> bbb </li>
      <li> ddd </li>
      <li> ccc </li>
    </ul>
    <span>This is Span</span>
    <div>This is Div</div>
    <span>This is Span</span> <br />
    <label>This is Label</label>
    <div id = "tags">
      <div id = "1">
        aaa
      </div>
      <div id = "2">
        bbb
      </div>
      <div id = "3">
       ccc
      </div>
      <div id = "4">
       ddd
      </div>
    </div>
    <ul>
      <li> 111 </li>
      <li> 222 </li>
      <li> 333 </li>
      <li> 444 </li>
    </ul>