訪問附加元素的對象

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