Question

我想在div中添加一个ID，类名为“leaflet-control-layers-base”。因为这个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");

Answer 2

使用组合子选择器选择元素，以确保它选择#TOCContent的后代，然后设置id属性。

$('#TOCContent .leaflet-control-layers-base').prop('id', 'someid');

请记住，在API代码在页面上呈现元素之后，而不是之前运行此代码。您可能需要在API上连接某种完整的事件，因为基本的DOM Ready事件可能会在API呈现元素之前触发。

附注：可能没有必要为元素提供ID，因为这样做无论如何都需要获取对元素的引用，您可以将其存储在变量中。

var base = $('#TOCContent .leaflet-control-layers-base');

将id添加到动态创建的DIV中

2 个答案: