jquery - Jqueryエラー：キャッチされないエラー：構文エラー、認識されない式：

Question

HTMLファイルを呼び出してロードしています。このファイルには3つ<div>のタグが含まれています。最初のものは1つのコンテナにロードされます。2つ目は別のもので、3つ目です。これが私の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、                       
                    非同期：true、
                    成功：function（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（）;
                    }
}）;

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();
                    }
});

それが機能していない場合は、次のコードでどのような結果が得られるかを教えてください

$.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 3

そのはず

$.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>`