在jQuery中訪問新生成的內容

Question

在我發現的所有研究中，它們都使用.on（）調用了一個偶數與該元素的綁定，但這並不是我所需要的。 這是一個簡單的示例：

<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
• 逃脫了換行符
• 更改className

注意，要成功使用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>