Question

我使用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>

如何找到那些动态填充的元素？

谢谢

Answer 1

尝试

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

而不是

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

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

1 个答案: