jquery - 无法将 .addClass 应用于动态创建的元素

Question

我正在尝试将 .addClass 应用于无序列表中的最后一项。问题是，无序列表是从外部脚本动态创建的。所以我想你可以说，在外部脚本构建脚本之前，脚本并不真正存在。该脚本似乎在页面和 DOM 准备好后加载它。

我尝试了旧的基础知识，但没有成功:

$(function() {
    $("#svpply_items li:last-child").addClass('last');
});

$(document).ready(function() {
    $("#svpply_items li:last-child").addClass('last');
});

任何帮助将不胜感激。

Answer 1

我想说的是，请确保所有脚本都位于页面底部，并确保外部脚本的顺序正确。如果情况已经如此，或者您已经尝试过但没有效果，请查看 $.getScript(...)功能。

类似这样的事情:

$(document).ready(function () {
    $.getScript('scripts/external.js', function (data, textStatus) {
        $("#svpply_items li:last-child").addClass('last');
    });
});