javascript - 从 jQuery 选择中删除元素

Question

假设我有一些仅存在于 jQuery 选择中的同级 DOM 元素:

var $container = $('<div></div><span></span>');

我希望 $div 只包含 <div></div> ，所以我尝试删除 <span> :

$container.find('span').remove();
// Note that span still exists:
console.log($div.length === 2);

解决这个问题的正确方法是什么？

Answer 1

您当前的选择是您的<div>元素。您需要在那里找到您的跨度并调用 .remove() 关于这一点。

传递给.remove()的参数在当前集合中找不到元素，它会对其进行过滤。

var $div = $('<div><span></span></div>');
$div.find('span').remove();