检查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