在div中訪問已加載的html頁面的html

Question

嗨，假設我有一個main.js，並且我有以下代碼：

$("#mirador").load("mirador.html"); 

加載index.html中的html

<div id="mirador"></div>

有什么方法可以通過main.js中的id更改mirador.html元素的innerHTML嗎？

我在想些類似的事情：

$("#placeholder").load("b.xhtml #id2", function(){
    var myTemp = document.querySelector("#id2");
    if (myTemp) {
        alert(myTemp.innerHTML);
    } else {
        alert("#id2 is undefined");
    };
});

但我不想提醒您，但請更改內容，例如：

myTemp.innerHTML = "abc";

Answer 1

注意 ： id應該是唯一的

$("#mirador").load("mirador.html",()=>{

     $("#mirador").find("#id2").html("abc")

});

如果您有非唯一ID，請使用此

 $("#mirador").load("mirador.html",()=>{

     $("#mirador").find("#id2").each(function(e){

               $(this).html("abc")
     })

});