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()