jquery - Jquery 错误：未捕获的错误：语法错误，无法识别的表达式：

Question

我正在调用并加载 html 文件。它的文件包含 3 个<div>标签。第一个装载在一个容器中。第二个在另一个，所以第三个。这是我的ajax查询的代码

$.ajax(
                {  
                    url: 'files/' + href,                       
                    async: true,
                    success: function(XML){
                        console.log("It's a success");
                        var xml = XML;
                        var desc = $(xml).find("div").eq(0).html();
                        $("#listView .list_detail:eq(0)").html(desc);
                        var rule = $(xml).find("div").eq(1).html();
                        $("#listView .list_detail:eq(1)").html(rule);
                        var em = $(xml).find("div").eq(2).html();
                        $("#listView .list_detail:eq(2)").html(em);
                        $("#listView .list_detail:eq(0)").slideDown();
                    }
});

但是我在加载该 html 文件时遇到错误。

Uncaught Error: Syntax error, unrecognized expression: <div>

每个 html 文件都像

<div> the list
    <ul>3 rounds
    <li>first round
    <li>second round 
    </ul>
</div> 
<div> data data </div>
<div> data data </div>`

怎么了？我没有得到。

Answer 1

像这样尝试并检查这是否有效......

$.ajax(
                {  
                    url: 'files/' + href,                       
                    async: true,
                    success: function(data){
                        console.log("It's a success");
                        var resultData= $(data);
                        var desc = $(resultData).find("div").eq(0).html();
                        $("#listView .list_detail:eq(0)").html(desc);
                        var rule = $(resultData).find("div").eq(1).html();
                        $("#listView .list_detail:eq(1)").html(rule);
                        var em = $(resultData).find("div").eq(2).html();
                        $("#listView .list_detail:eq(2)").html(em);
                        $("#listView .list_detail:eq(0)").slideDown();
                    }
});

如果它不工作，那么让我知道你得到以下代码的结果

$.ajax(
                {  
                    url: 'files/' + href,                       
                    async: true,
                    success: function(data){
                        alert(""success); // is it showing this alert box?
                        var resultData= $(data);
                        alert(resultData.length);//is it showing this length properly?
                        var desc = $(resultData).find("div").eq(0).html();
                        alert(desc.length);//is it showing this length properly?
                        $("#listView .list_detail:eq(0)").html(desc);
                        alert($("#listView .list_detail:eq(0)").length);//is it showing this length properly?
                        var rule = $(resultData).find("div").eq(1).html();
                        $("#listView .list_detail:eq(1)").html(rule);
                        var em = $(resultData).find("div").eq(2).html();
                        $("#listView .list_detail:eq(2)").html(em);
                        $("#listView .list_detail:eq(0)").slideDown();
                    }
});

Answer 2

它应该是

$.ajax(
                {  
                    url: 'files/' + href,                       
                    async: true,
                    success: function(data){
                        console.log("It's a success");
                        var resultData= $(data);
                        var desc = $(resultData).find("div").eq(0).html();
                        $("#listView .list_detail:eq(0)").html(desc);
                        var rule = $(resultData).find("div").eq(1).html();
                        $("#listView .list_detail:eq(1)").html(rule);
                        var em = $(resultData).find("div").eq(2).html();
                        $("#listView .list_detail:eq(2)").html(em);
                        $("#listView .list_detail:eq(0)").slideDown();
                    }
});

和 HTML ：你忘了关闭</li>

<div> the list
    <ul>3 rounds
    <li>first round</li>
    <li>second round </li>
    </ul>
</div> 
<div> data data </div>
<div> data data </div>`

Answer 3

$.ajax(
                {  
                    url: '文件/' + href,                       
                    异步：真，
                    成功：函数（XML）{
                        console.log("成功了");
                        var xml = XML;
                        var desc = $($(xml)[0]).html();
                        $("#listView .list_detail:eq(0)").html(desc);
                        var rule = $($(xml)[1]).html();
                        $("#listView .list_detail:eq(1)").html(rule);
                        var em = $($(xml)[2]).html();
                        $("#listView .list_detail:eq(2)").html(em);
                        $("#listView .list_detail:eq(0)").slideDown();
                    }
});