Как проверить, что элемент существует в DOM, используя jQuery?

Question

Обычно в JavaScript я делаю что-то подобное ниже, чтобы проверить, существует ли элемент:

if (document.getElementById('lblUpdateStatus')) {
    $("#lblUpdateStatus").text("");
}

Но, используя jQuery - как я могу сделать то же самое?

Answer 1

$ возвращает массив совпадающих элементов, поэтому проверьте свойство длины, и все готово

if ($('#lblUpdateStatus').length) {
    $("#lblUpdateStatus").text("");
}

Answer 2

Метод get возвращает соответствующие элементы DOM:

if($("#lblUpdateStatus").get(0)){
    $("#lblUpdateStatus").click(function () { ... });
}

но я не уверен, что это быстрый метод.

Answer 3

Дело в том, что jQuery будет выполнять запрошенное действие, только если элемент существует :-), так что вам нужно только:

$("#lblUpdateStatus").text("");

Answer 4

Не вижу смысла использовать jQuery только ради этого. $('#lblUpdateStatus') будет в основном идти прямо к document.getElementById('lblUpdateStatus'), так как селектор имеет привязку, поэтому вы ничего не получите. Кроме того, просто для проверки, существует ли объект DOM, оборачивание его в объект jQuery создаст довольно много накладных расходов.

С другой стороны, если вы просто хотите изменить текстовое свойство объекта, вам не нужно проверять его существование, если вы используете jQuery.

if (document.getElementById('lblUpdateStatus')) {
    $("#lblUpdateStatus").text("");
}

сделает то же самое, что и

$("#lblUpdateStatus").text("");

Answer 5

Начиная с версии jQuery 1.4, вы можете использовать $.contains().

var test = $("<div>");
$.contains(window.document, test[0]);  // false

$("body").append(test);
$.contains(window.document, test[0]);  // true

Answer 6

Если строка HTML может быть передана в $(), вы можете использовать parent.length:

$('<div>').length // 1, but it not exist on page

но

$('<div>').parent().length // 0

Answer 7

Я написал сообщение об этом в моем блоге

if ( $('#element_id').length > 0 )
   console.log('the element with element_id exists in the DOM');