JQuery replaceWith函数不替换它的目标div

Question

我有一个替换的外部js文件：

function test()
{
    alert("here");
    $('#thisDiv').replaceWith(
        '<a href = "index1.php">Test1</a>\
        <a href = "index2.php">Test2</a>');
}

在我的HTML源代码中，我有：

<div id = "thisDiv">
    <a href = "old_index1.html">old_test1</a>
    <a href = 'old_index2.php'>old_test2</a>
</div>

警报运行正常，这意味着调用test（）函数没有问题。但是在函数完成后，页面上仍然有old_test1和old_test2。有谁知道我做错了什么？

Answer 1

将代码放在bool Class::Function()回调内的文件中，以确保页面上有div。

$(document).ready()

此外，如果您希望保留$(document).ready(function(){ // your code }); 而不是thisDiv，则可以使用$('#thisDiv').replaceWith(newHtml)。