How check two DOM equal?

Question

I have custom form for make perfect UX, have one field with button plus to add some details information, this field has validation (avoid the same value of the field) that i need to check DOM if is equal or not. Equality I need is the same DOM, not like code.

HTML:

<form id="form">
    <select> ... </select><span class="btn"> + </span>
</form>

Javascript:

$("#form select").on('change', changeForm );

function changeForm() {
    var check = $(this);
    $("#form select").each(function(){ // In first index is exactly equal of variable check
        if (check == $(this)) { ... } // false
        if (check === $(this)) { ... } // false
        if (check.isEqualNode($(this)) { ... } // Uncaught TypeError: undefined is not a function
        if (check.isSameNode($(this)) { ... } // Uncaught TypeError: undefined is not a function
    }
}

Has code to return true? Or my code doesn't is good way?

Arun P Johny · Accepted Answer · 2015-03-11T14:58:49.487

1

You could use .is()

if (check.is(this)) { ... }

edited Mar 11 '15 at 14:58

answered Mar 11 '15 at 03:43

Arun P Johny

384,651
66
527
531

obs: lacked a parenthesis in IF – Adriano Resende Mar 11 '15 at 13:51

score 0 · Answer 2 · answered Mar 11 '15 at 03:49

0

jQuery constructor returns a new jQuery object and 2 different objects are not considered equal.

You could get the wrapped DOM element and compare it:

if ( check.get(0) === this )

answered Mar 11 '15 at 03:49

Ram

143,282
16
168
197

How check two DOM equal?

2 Answers2