访问附加元素的对象

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');

我的目标是在加载页面时在每个<li></li>元素中附加<span class="icon-close"></span> 。

Answer 1

您可以使用JQuery find 方法来查找ul并循环遍历它的子项。 在所有脚本的末尾添加您的脚本。 （库脚本）。

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