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

How to get specific element out of returned data

本文关键字：获取 元素 数据 返回      更新时间：2023-09-26

我试图从返回的数据中获得特定元素。这是我的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>

和研究司:

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

我需要在<span>中得到Message，但是它什么也没有返回。任何想法?

根据发布的标记，顶层元素是#app元素，filter方法不过滤顶层元素的后代元素，您应该使用.find()或.children()方法:

console.log($(data).find("span").html());

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

$(document).ready(function(){
    $.get("data.html",function(data) {
        var content= $('<div />').html(data);
        console.log(content.find('#app span').html());
    })
})
相关文章：