Добавить id в динамически созданный DIV

Question

Я хотел бы добавить идентификатор в div с классом name = "leaflet-control-layers-base". Поскольку этот скрипт HTML автоматически создается через API (листок) при загрузке страницы, я не могу добавить идентификатор в сценарий.

Причина, по которой я прошу, состоит в том, что у меня есть два из этих сценариев, как показано ниже на моей странице. Я хотел бы отличить их друг от друга, чтобы я мог обращаться к ним индивидуально. Единственное отличие состоит в том, что другой скрипт не находится в div «TOCContent».

Любые идеи о том, как я могу добавить идентификатор, используя JavaScript или jQuery, в класс 'sheetlet-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 предоставит элементы.

---

Примечание стороны: оно не может быть необходимо, чтобы дать элементу идентификатор, так как при этом вы должны получить ссылку на элемент в любом случае, который можно хранить в переменной.

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