如何定位动态填充的元素

How to locate a dynamically populated elements?

本文关键字：动态 填充 元素 定位 何定位      更新时间：2023-09-26

我使用jquery动态填充网页。然后我想定位那些动态填充的元素，但没有它们的源代码。这很奇怪：我可以在网页上看到这些元素，它们的填充非常好。但是，当我单击F12时，我看不到任何源代码，jquery也找不到它们。

这是我的完整代码，如果你复制粘贴它，你会看到第一个jquery应该捕获id=q0的元素，这是可见的，但它没有。点击测试按钮，你会看到jquery捕获了元素qX，但找不到q0，我可以在页面上看到！

<html>
<head>
<script type="text/javascript" src="system/jquery.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>  
<script> 
    function testQ () { 
        // This element is visible on the web page but I cannot locate it. 
        // When I open the source code F12 I cannot see the source code for it. 
        var test = $("#q0").val();  
        alert(test);
        var test2 = $("qX").val();
        alert("This one is visible!");
    }
    $(document).ready(function(){      
        var y = ["q0","q1","q2"];   
        for (i = 0; i < y.length; i++) { 
            $("#content").append(
                "<div id=q" + i + ">" + y[i] +  "</div>");
        }
    });
</script>
</head>
<body> 
    <button onclick="testQ();" id="testQ">Test</button>
    <div id="content">
        <div id="qX">t visible!</div>
    </div>
</div> 
</body>
</html>

如何定位那些动态填充的元素？

感谢

尝试

 $("#content").append('<div id="q' + i + '">' +  y[i] +  "</div>");}

代替

 $("#content").append("<div id=q" + i + ">" +  y[i] +  "</div>");}
相关文章：