javascript - 检查 DOM 中是否存在现有的 jQuery 对象（不是选择器）

Question

例子：

var $doesNotYetExistInTheDOM = $('<span/>'); // create new jQuery element
                                             // outside of the DOM
var $doesExistInTheDOM = $('span');  // selected element from the DOM

有没有办法检查DOM中是否存在jQuery选定对象？

Answer 1

试试这个：

$('span').length // if exists it return > 0 or 0

如果你想使用任何特定的检查id或class然后尝试：

$('span.some').length

或者

$('span#some').length

使用你的变量：

var $doesNotYetExistInTheDOM = $('<span/>');

$(document,$doesNotYetExistInTheDOM).length

var $doesExistInTheDOM = $('span'); 

$(document,$doesExistInTheDOM ).length

jQuery 有一个方法称为.size()（但.length首选）

采用：

$('span.some').size()

$('span#some').size()

var $doesNotYetExistInTheDOM = $('<span/>');

$(document,$doesNotYetExistInTheDOM).size()

Answer 2

您可以通过尝试在文档中找到它来检查：

!!$(document).find($doesNotYetExistInTheDOM).length // false
!!$(document).find($doesExistInTheDOM).length // true