使用 jquery ajax 从没有特定 ID 且超过一个 class 的元素解析 html 字符串

Question

我想从已解析的 html 数据中找到一个字符串，该字符串存在于 div 中，它没有特定的 id，但有多个类继承给它。

下面是我的 foo.html 代码和 ajax jquery 函数。

foo.html

<div align="center">
   <div id="recaptchaDiv"></div>
   <div class="alert alert-block alert-error fade in">Incorrect Email or Password</div> 
</div>

ajax代码

       $.ajax({
                    /*1*/url:"foo.html",    

                    /*2*/type: "POST",

                    /*3*/data: ({

                         username: usernm,
                         password: pass,
                         return_url: 'index.html',

                    }),

                    /*4*/dataType : "html",

                    /*5*/success : function(data, textStatus, response)
                    {
                        var recapcha = $(data).find(".alert-block").text();
                        console.log(recapcha);
                    }

             });

我想从 div 中查找文本 'Incorrect Email or Password'。

Answer 1

如果您的 html 块在 DOM 中是唯一的，请使用

$('.alert-error').text()

Edit1 - 删除对齐

Answer 2

您可以通过多种方式进行：

 1) $("div[aligh='center'] div.alert-block").text();
 2) $("#recaptchaDiv").next().text();
 3) $(".alert.alert-block").text();

等等...以不同的方式

使用 jquery ajax 从没有特定 ID 且超过一个 class 的元素解析 html 字符串

Parsing html string from the element having no specific id and more than one class using jquery ajax

html

ajax

jquery

find