Jquery ajax通过返回html解析

Question

如何在ajax html响应中找到名为findThis的元素？我甚至找不到第一个孩子(错误信息:对象不支持属性或方法'第一个')

   $.ajax({
            type: "GET",
            url: www.someWebSite.com,
            contentType: "application/x-www-form-urlencoded", 
            dataType: "text/html", 
            success: function (html) {

           var topHtml=  $(html).first(); 

            }
       });

我正在使用Jquery 1.8.2

Answer 1

今天与完全相同的问题陷入困境.经过一段令人沮丧的时间后,我在所有场合都发现了以下作品.拥有包含以下部分的HTML文件:

...
<h4>headline</h4>
<p id="id">Lorem ipsum dolor sit amet ...</p>
...

我只是想查找<p>具有特定id 的a 的内容,并将其内容附加p到元素的属性上.

$.ajax({
    dataType: "html",
    url : 'path/to/html.html',
    success : function(html) {
        var div = $('<div>');
        div.html(html);
        var content = div.find('#id');
        $("#element").attr('attribute', content.html());
    }
});

创建一个虚拟元素<div>,为其分配HTML响应div; 从中找到所需的内容div,用它提取html().

jQuery似乎很难解析动态HTML.特别是如果标记搞砸了.我们必须通过一个虚拟元素并解析其内容以获得我们想要的东西.

我见过的所有其他解决方案都建议解析为HTML节点,只返回空元素或根本不返回任何内容.以上似乎是要走的路.