使用Ajax / jQuery解析HTML字符串

小编典典

使用Ajax / jQuery解析HTML字符串

ajax

我在使用jQuery 解析HTML字符串时问我如何在html字符串上使用jQuery。一切正常，但是当我将其应用于ajax时-它不起作用。这是代码。

<script>
  var url = 'moo.html';

  $.ajax({
    url: url,
    success: function ( code )
    {
      html = $(code);
      html.each(function() {
        alert( $(this).html() );
      });
    }
  });
</script>

moo.html包含

<div id='test'>zebra</div>
<div id='foo'>bar</div>

如何获得斑马纹和杠铃？

阅读 285

2020-07-26

共1个答案

小编典典

我认为其中的换行符moo.html可能会让您失望。

html中的所有换行符最终都将由jQuery解析并保留为文本节点元素"\n"。结果，$(code).each当这些节点中的第一个被命中并调用时，它将停止迭代.html()（html()不适用于非Element节点类型）。

您需要的只是div在HTML中抓取s：

var divs = $(code).filter(function(){ return $(this).is('div') });
divs.each(function() {
    alert( $(this).html() )
})

2020-07-26