0

我想用类名="leaflet-control-layers-base" 向 div 添加一个 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>

4

2 回答 2

1

尝试这个：

$(".leaflet-control-layers-base").attr("id","your id will go here");
于 2015-06-15T16:27:51.530 回答
0

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

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

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

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

var base = $('#TOCContent .leaflet-control-layers-base');
于 2015-06-15T16:29:43.140 回答