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成功完成替换

＆＃13;

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())

＆＃13;

<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>

＆＃13;

在jQuery中访问新生成的内容

1 个答案: