0

我正在尝试从 ajax 下载页面中提取一个元素，以便稍后将其附加到 DOM。我正在获取这样的页面：

    $.ajax({
        url: pagePath,
        success: function (data) { 
            //data is correctly shown in debugger, all the elements exist.

            var $div = $(data).find("[data-custom-attr]").first();
            //$(data) has lenght > 0, however $div has length 0!
            //$(data).find("#ajaxpage") also has lenght 0!
        },
        dataType: "html"
    });

这是获取的页面：

    <!DOCTYPE html>
    <html>
        <head>      
        </head>
        <body>
            <div id="ajaxpage" data-custom-attr="ajaxpage">
                <h2>Ajax downloaded page!</h2>          
            </div>      
        </body>
    </html>

我尝试了几种不同的选择器，但每个人都失败了。我觉得代码中的某个地方一定有一个非常愚蠢的错误，但看不到它。

这些选择器有什么问题？

4

3 回答 3

4

这样做的原因是 jQuery 抛弃了你给它的所有废话，只用 h2 解析 div：

$("<!DOCTYPE html><html><head></head><body><div id='ajaxpage' data-custom-attr='ajaxpage'><h2>Ajax downloaded page!</h2></div></body></html")

完全一样

$("<div id='ajaxpage' data-custom-attr='ajaxpage'><h2>Ajax downloaded page!</h2></div>")

（jQuery 的 $("...") 不会创建完整的文档，它只会构建 DOM 片段）

由于第一个元素已经是你的 div，你在它的子树中找不到[data-custom-attr]，所以结果将是 []。如果你做 a find("h2")，那会很好，因为它在你的 div 的子树中，但你不能finddiv 本身。

于 2013-06-20T16:58:35.910 回答
0 
var $div = $('<div/>').html(data).find("[data-custom-attr]").first();
于 2013-06-20T17:02:32.160 回答
0

试试这个：

var $div = $('<div></div>').html(data).find("[data-custom-attr]").first();
于 2013-06-20T17:03:40.733 回答