javascript - 访问 jQuery 中新生成的内容

Question

在我发现的所有研究中，他们调用使用 .on() 将偶数绑定(bind)到元素，但这不是我需要的。这是一个简短的示例:

<div id="myElement">
    <ul id="myUl">
        <li>content list 1</li>
        <li>content list 2</li>
    </ul>
</div>

在 ajax 调用之后，我使用以下方法替换 myElement 的内容:

var div = $("#myElement");
div.replaceWith('<div id="myElement">
    <ul id="myUl">
        <li>new content list 1</li>
        <li>new content list 2</li>
    </ul>
</div>');

现在，如果我想访问无序列表以添加例如类名: div.find("ul").addClass("myClass"); 它不起作用。知道如何解决这个问题吗？

Answer 1

这对我有用......

• 添加了#以使用ID获取元素
• 更换后再次使用该ID
• 转义换行符
• 更改了类名

注意，Ajax 成功后您必须进行替换

var div = $("#myElement");
div.replaceWith('<div id="myElement">\
    <ul id="myUl">\
        <li>new content list 1</li>\
        <li>new content list 2</li>\
    </ul>\
</div>');
$("#myElement").find("ul").addClass("myClass");
console.log($("#myElement").html())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="myElement">
    <ul id="myUl">
        <li>content list 1</li>
        <li>content list 2</li>
    </ul>
</div>