如何使用 jQuery/JavaScript 检查两个元素是否相同？

给定一个包含两个元素的 HTML 文档，任务是在 JavaScript 的帮助下检查两个元素是否相同。

方法 1：使用is() 方法检查两个选定元素是否相同。它将一个元素作为参数并检查它是否等于另一个元素。

示例：此示例实现了上述方法。

  
  
  
 
     
       How to check two elements are same
       using jQuery/JavaScript?
    
      
    
    

  
  
      
      
        GeeksForGeeks  
    
      
    
    
      
    
        click here
    
      
    
    
      
     
        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";
            }
        }
     
  
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法 2： ==运算符用于比较两个 JavaScript 元素。如果两个元素相等，则返回 True，否则返回 False。

示例：此示例实现了上述方法。

  
  
  
 
     
        How to check two elements are same
        using jQuery/JavaScript ?
    
      
    
    

  

      
      
        GeeksForGeeks  
    
      
    
    
      
    
        click here
    
      
    
    
      
     
        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";
            }
        }
     
  
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：