Question

我正在尝试从返回的数据中获取特定元素。这是我的HTML：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script>
        $(document).ready(function(){
            $.get("data.html",function(data){
                console.log($(data).filter("#app span").html());
            })
        })
    </script>

<body>
<div id="container">
    <div class="a">AAAAAA</div>
    <div class="b">BBBBBB</div>
</div>
</body>
</html>

和data.html：

<div id="app">
    <span>Message</span>
    <div>vjfjdjdj</div>
</div>

我需要在Message内获取<span>，但它不会返回任何内容。有什么想法吗？

Answer 1

根据发布的标记，顶级元素是#app元素，filter方法不会过滤顶级元素的后代元素，您应该使用.find()或{ {1}}方法：

.children()

Answer 2

以下代码应在您的控制台中返回所有span数据

$(document).ready(function(){
    $.get("data.html",function(data) {
        var content= $('<div />').html(data);

        console.log(content.find('#app span').html());
    })
})

如何从返回的数据中获取特定元素

2 个答案: