javascript - 如何使用 DOMNodeInserted 获取插入到 DOM 中的项目

Question

我想使用 DOMNodeInserted 获取动态生成的 DOM 中的项目值。这是我的代码。@我想要获取值的项目是 li 例如

<div id="demo">    
    <ul>
        <li class="req">Chemistry</li>
        <li class="req">English</li>
        <li class="req">Maths</li>
    </ul>
</div>

这是代码

$('#demo').on('DOMNodeInserted', function(e) {
    var that = $(this);
    if ($(e.target).is('.req')) {
        alert(oneoftheitemsintheli);
    }
});

我想了解li例如Maths等中的项目Chemistry。我需要知道如何获取这些项目。谢谢

Answer 1

鉴于每个li都有 class req，您可以使用它each来迭代它们并获取文本值 - 或您需要的任何其他属性。

$('#demo').on('DOMNodeInserted', function(e) {
    $('.req').each(function() {
        alert($(this).text());
    });
});

示例小提琴