Dado un documento HTML que contiene dos elementos, la tarea es verificar si ambos elementos son iguales o no con la ayuda de JavaScript. Enfoque 1: use el método is() para verificar que ambos elementos seleccionados sean iguales o no. Toma un elemento como argumento y comprueba si es igual al otro elemento.
Ejemplo: Este ejemplo implementa el enfoque anterior.
html
<!DOCTYPE HTML> <html> <head> <title> How to check two elements are same using jQuery/JavaScript? </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script> </head> <body style = "text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p id = "GFG_UP" style = "font-size: 15px; font-weight: bold;"> </p> <button onclick = "GFG_Fun()"> click here </button> <p id = "GFG_DOWN" style = "color:green; font-size: 20px; font-weight: bold;"> </p> <script> var up = document.getElementById('GFG_UP'); var down = document.getElementById('GFG_DOWN'); var id1 = "GFG_UP"; var id2 = "GFG_UP"; up.innerHTML = "Click on the button to check if " + "both elements are equal.<br>" + "id1 = " + id1 + "<br>id2 = " + id2; function GFG_Fun() { if ($('#GFG_UP').is($('#GFG_UP'))) { down.innerHTML = "Both elements are same"; } else { down.innerHTML = "Both elements are different"; } } </script> </body> </html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2: el operador == se usa para comparar dos elementos de JavaScript. Si ambos elementos son iguales, devuelve True; de lo contrario, devuelve False. Ejemplo: Este ejemplo implementa el enfoque anterior.
html
<!DOCTYPE HTML> <html> <head> <title> How to check two elements are same using jQuery/JavaScript ? </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script> </head> <body style = "text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p id = "GFG_UP" style = "font-size: 15px; font-weight: bold;"> </p> <button onclick = "GFG_Fun()"> click here </button> <p id = "GFG_DOWN" style = "color:green; font-size: 20px; font-weight: bold;"> </p> <script> var up = document.getElementById('GFG_UP'); var down = document.getElementById('GFG_DOWN'); var id1 = "GFG_UP"; var id2 = "GFG_DOWN"; up.innerHTML = "Click on the button to check if both" + " elements are equal.<br>" + "id1 = " + id1 + "<br>id2 = " + id2; function GFG_Fun() { if ($('#GFG_UP')[0] == $('#GFG_DOWN')[0]) { down.innerHTML = "Both elements are same"; } else { down.innerHTML = "Both elements are different"; } } </script> </body> </html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA