Question

我一直在为另一个HTML页面提供搜索功能。我从另一个页面获取HTML作为字符串，并试图解析该字符串以匹配所有p's和标题标签的数据。找到特定的字符串后，应返回带有完整文本的p或heading。问题是我得到了所有的p's和headings并且无法逐步迭代每个元素。

这是我的jQuery代码

$(document).ready(function()
{

  $.get("file.html", function(html_string)
   {

     var parsed = $('<html/>').append(html_string);


     $.each(parsed, function( i, el ) {
       console.log(parsed.find("p").text());// here it is getting the text of all the p elements. But I need to iterate each p step by step so that I will be able to search my specific keyword
    });

    },'html');
 });

file.html

    <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h3>Name</h3>
    <p>Zain Farooq</p>
    <h3>search</h3>
    <p>Yes Search this</p><!-- When it finds this then it should return this-->
  </body>
</html>

我也使用了domparser，但是它没有给我想要的结果

Answer 1

您应该使用。each函数。

$.each(parsed, function( i, el ) {
   parsed.find("p").each(function(index) {
       console.log( index + ": " + $( this ).text() );
   });
});

从其他HTML页面搜索特定的字符串？

1 个答案: