Доступ к объекту добавленного элемента

Question

Я пытаюсь получить доступ к элементам, которые добавлены библиотекой, которую я использую в своем коде, но я не могу получить к ним доступ. У меня есть эта строка в моей html.

<div class="bonds" id="original" style="display:block;"></div>

Библиотека, которую я использую, добавит сюда некоторые элементы. Итак, из инспектора DOM он показывает что-то вроде этого.

<div class="bonds" id="original" style="display:block;">
    <!-- append start -->
    <div class="FL-main fieldsLinker">
        <div class="FL-left">
            <select></select>
            <ul>
                <li data-offset="0"></li>
                <li data-offset="1"></li>
                <li data-offset="2"></li>
            </ul>
        </div>
    </div>
    <!-- append ended -->
</div>

Я пытаюсь получить доступ к элементу <ul></ul>, используя методы, описанные ниже, но ничего не работает.

1. $('#original').children().children().children();

2. var original = $('#original').find('ul');

Моя цель - добавить <span class="icon-close"></span> в каждый элемент <li></li>, когда страница загружен.

Answer 1

Вы можете использовать JQuery метод find, чтобы найти ul и l oop над его дочерними элементами. Добавьте свой сценарий в конце всех сценариев. (библиотечные скрипты).

$('#original').find('ul li').each(function(i) {
   $(this).append('<span class="icon-close"></span>');
});