How to check htmlElement object exists in DOM

Question

I have htmlElement object and I need check it on exists in DOM: It doesn't exist by selector.

$(htmlElement).length // 1 
$(htmlElement)[0].className // k-button k-state-hover 
$(htmlElement)[0].nodeName // LI 
$("li.k-button.k-state-hover").length // 0

Answer 1

You can check whether the DOM contains htmlElement with

if ($.contains(document, $(htmlElement)){
    // htmlElement is attached to the DOM
}

Answer 2

if(htmlElement.length > 0) {
    //Do what you need
}

or

if($('tag').length > 0) {
    //YOUR CODE
}

Answer 3

In order to give proper condition you always need to check length of object

i.e if($("li.k-button.k-state-hover").length)

Answer 4

Try with javascript:

var ele =  document.getElementById('yourId');

 or

var ele = document.getElementByTagName('tag name');

if (typeof(ele) != 'undefined' && ele != null)
{
  // exists.
}