Javascript JQuery在加载html后获取id_Javascript_Jquery_Html

Javascript JQuery在加载html后获取id

javascript jquery html

Javascript JQuery在加载html后获取id,javascript,jquery,html,Javascript,Jquery,Html,我有个问题。我有两个.html文件 <!DOCTYPE html> <html><head>...</head> <body> <ul><li id="home"><a>Home</a></li></ul> <div class="content"></div> <script type="text/javasc

我有个问题。我有两个.html文件

<!DOCTYPE html>
<html><head>...</head>
<body>
    <ul><li id="home"><a>Home</a></li></ul>
    <div class="content"></div>
    <script type="text/javascript" src="Javascripts/navigation.js"></script>
</body>
</html>

装载工作！我现在的问题是：
如何获取加载到第一个中的第二个.html的div的id？

var=$（“#textPanel”）为null
因为内容是异步加载的，所以您可能希望像这样更改代码，以便在可用时执行$（'#textPanel'）。height（）
：
function home(){
    content.load("home.html", function(){
        $('#textPanel').height( $('#imgPanel').height() );
    });
}

来自回调的规范
编辑
备选方案：
加载内容的HTML
<h1>Welcome!</h1>
<div id="imgPanel" style="background:red;">
    <img src="Images/me.png" class="img-responsive img-rounded" onload="setHeight()"> 
</div>
<div id="textPanel" style="background:blue;"></div>

是的，它没有出现，但我使用它的height（）-方法，正如您所看到的。如果我发出警报（$（“#textPanel”）.height（）；它返回空值。谢谢，它能工作！但是为什么它不改变第一次装载时的高度呢？只有在第二次加载后，他才会改变高度？如果您添加一个关于代码如何解决OP问题的解释，这将有助于其他人在将来查看此问题，例如，在jQuery的加载函数的异步方面添加了一个简短的说明，并说明它在完成时接受函数回调。但是为什么它会在单击之后更改高度呢？非onload？当图像第一次到达代码时，#imgPanel中的图像高度可能为0。您可能还需要设置一个超时，以便在以后执行代码。或者，使用函数调用在图像上加载一个onload来设置高度。
function home(){
    content.load("home.html", function(){
        $('#textPanel').height( $('#imgPanel').height() );
    });
}

<h1>Welcome!</h1>
<div id="imgPanel" style="background:red;">
    <img src="Images/me.png" class="img-responsive img-rounded" onload="setHeight()"> 
</div>
<div id="textPanel" style="background:blue;"></div>

$(document).ready(function () {
    var content = $(".content");
    var a = $("#home");

    home();

    function home() {
        content.load("home.html");
    }

    a.on("click", function () {
        home();
    });
});

function setHeight(){
    $('#textPanel').height($('#imgPanel').height());
}