javascript - Jquery 查找所有 id 为 =""的 div 并更改它们的文本

Question

我有一个 div 列表，有些有 ID，有些没有。我想找到 ID 匹配 id="" 的类中的所有 div，并将内部文本更改为 "no data available"。这可能吗？

我尝试使用 $("*[id]") 但它没有用。这就是我的列表的样子。

<div class="main">
  <div id="1"></div>
  <div id="2"></div>
  <div id=""></div>
  <div id="4"></div>
  <div id=""></div>
  <div id=""></div>
  <div id="7"></div>
</div>

Answer 1

显然，某些浏览器(例如 Chrome)会将您的空 ID 从 id="" 更改为 id。处理这个问题的一种方法是遍历它们并检查空值:

$("div[id]").each(function(){
    if(this.id==='')$(this).html('no data available')
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
  <div id="1">1</div>
  <div id="2">2</div>
  <div id=""></div>
  <div id="4">4</div>
  <div id=""></div>
  <div id=""></div>
  <div id="7">7</div>
</div>