📌  相关文章
📜  如何使用 jQuery 显示被点击元素的标签名称?

📅  最后修改于: 2021-11-25 03:27:42             🧑  作者: Mango

给定一个包含一些元素的 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);
        });
    

  


输出: