Доступ к новому сгенерированному контенту в 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
• используется идентификатор снова после замены
• сбежал от новых линий
• изменено 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>