jquery - 使用 Ajax/jQuery 解析 HTML 字符串

Question

我在 Parsing HTML String with jQuery 询问过我如何在 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>

如何获得斑马纹和条纹？

Answer 1

我认为 moo.html 中的换行符可能会让您感到困惑。

您的 html 中的任何换行符最终都会被 jQuery 解析并保留为文本节点元素 "\n"。因此，当这些节点中的第一个被命中时，$(code).each 将停止迭代，并且您在其上调用 .html()(html() 不对非元素节点类型进行操作。

您需要的是只获取 html 中的 div:

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