javascript - 添加id到动态创建的DIV

Question

我想向 div 添加一个类名为“leaflet-control-layers-base”的 ID。由于此 HTML 脚本是在加载页面时通过 API(Leaflet)自动生成的，因此我无法在脚本中添加 id。

我问的原因是因为我的页面中有两个这样的脚本，如下所示。我想将它们彼此区分开，以便我可以单独引用它们。唯一的区别是其他脚本不位于“TOCContent”div 中。

有什么想法可以使用 JavaScript 或 jQuery 将 id 添加到“leaflet-control-layers-base”类吗？

这是我的脚本:

<div id="TOCContent">
    <div class="leaflet-control-layers leaflet-control-layers-expanded" aria-haspopup="true">
        <form class="leaflet-control-layers-list">
            <div class="leaflet-control-layers-base">
        </form>
</div>

Answer 1

试试这个:

$(".leaflet-control-layers-base").attr("id","your id will go here");