javascript - 给没有id的div添加id

Question

嘿，我正在尝试向所有没有 id 的 div 添加 id。

我对此很陌生，做了一些研究，但找不到我需要的东西，甚至不确定这是否可以完成？

我确实尝试了一些方法，但只能为每个 div 添加一个 id，即使它已经有一个 id，但我只想在它没有 id 时给它一个 id。

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

<div style="margin: 30px -6px 0px; height: 250px;">
  <div id="advertCenterPanel" class="text-center">
    Somthing here
  </div>
</div>

<div style="margin: 30px -6px 0px; height: 250px;">
  <div id="advertCenterPanel" class="text-center">
    Somthing here
  </div>
</div>

如果有人能指出我正确的方向，我将非常感激

Answer 1

您可以尝试以下逻辑，您可以过滤所有 div 并查找 id 是否存在，如果不存在则添加一个。

$(function(){
  var idCount=0;
  $("div").filter(function(){
     return !$(this).attr('id');
  }).attr('id', "dynamicId" + idCount++);
});

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

<div style="margin: 30px -6px 0px; height: 250px;">
  <div id="advertCenterPanel" class="text-center">
    Somthing here
  </div>
</div>

<div style="margin: 30px -6px 0px; height: 250px;">
  <div id="advertCenterPanel" class="text-center">
    Somthing here
  </div>
</div>