如何使用 jQuery 显示被点击元素的标签名称？

给定一个包含一些元素的 HTML 文档，任务是显示被点击的元素。

方法：首先我们创建一个包含一些元素的 HTML 文档，并添加一个 jQuery函数来显示被点击的元素。我们使用 jQuery 选择器选择 HTML 正文，当用户单击元素时，然后获取元素名称并使用 text() 方法在屏幕上显示元素名称。

句法：

$("*", document.body).click(function (event) {
    event.stopPropagation();
    var domElement = $(this).get(0);
    $("h3:first").text("Clicked Element: "
                + domElement.nodeName);
});

例子：

HTML

  

    
    
  
    
    
        How to display the tag name of the
        clicked element using jQuery?
    
  
    
        table,
        th,
        td {
            border: 1px solid black;
        }
    

  

    
        
            GeeksforGeeks
        
  
        
            How to display the tag name of the
            clicked element using jQuery?
        
  
        
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
        FirstnameLastnameAgePriyaSharma24ArunSingh32SamWatson41
  
        
    
  
    
        $("*", document.body).click(function (event) {
            event.stopPropagation();
            var domElement = $(this).get(0);
            $("h3:first").text("Clicked Element: "
                + domElement.nodeName);
        });
    

  

输出：