jquery - $ ('#foo' ).remove ('a' ) 和 $ ('#foo' ).find ('a' ).remove() 之间的区别

Question

我正在尝试使用 jQuery 编辑 HTML 字符串(来自文本区域)。当我使用此代码时，链接将从结果字符串中删除，如预期的那样:

      $('#foo').find('a').remove();
      $('#foo').html(); // links are removed, as expected

但是当我使用下面的代码时，链接不会被删除。

      $('#foo').remove('a');
      $('#foo').html(); // links are still there

为什么这不起作用？我已阅读 jQuery API documentation for .remove() ，我还是不明白。

Answer 1

remove对您已经匹配的元素集进行操作，如果您向其传递参数，则可以选择进一步过滤该集。以下是每个版本的作用:

查找所有<a> #foo的后代并删除它们:

$('#foo').find('a').remove(); 

查找所有<a> #foo 集合中的元素并删除它们:

$('#foo').remove('a'); 

因此，如果#foo，最后一个绝对不会做任何事情。不是<a>本身;如果它是 ( <a id="foo"> ) 那么这个元素将被删除。它本质上和你写的一样

$('a#foo').remove();

希望这有帮助。 :)