如何使用 jQuery 查找具有特定 ID 的元素？

问题是使用 JQuery 确定具有特定 id 的元素是否存在。

• jQuery on() 方法：该方法为被选元素和子元素添加一个或多个事件处理程序。
  句法：

$(selector).on(event, childSelector, data, function, map)

• 参数：
  • 事件：它是必需的参数。它指定一个或多个事件或命名空间以附加到所选元素。如果有多个事件值，它们之间用空格分隔。事件必须是有效的。
  • childSelector：可选参数。它指定事件处理程序应该只附加到定义的子元素。
  • 数据：它是可选参数。它指定要传递给函数的附加数据。
  • 函数：它是必需的参数。它指定事件发生时要运行的函数。
  • map：它指定了一个事件映射（{event:func(), event:func(), …}）具有一个或多个要添加到所选元素的事件，以及在事件发生时运行的函数。
• jQuery length 属性： length 属性用于统计 jQuery 对象的元素个数。
  句法：

$(selector).length

示例 1：在此示例中，var 名称包含要检查的 ID 名称。首先 JQuery 选择器通过 var 名称检查 ID，然后使用长度属性来验证是否选择了某些内容。

html

    
        
            How to find element with
            specific id exists or not
        
         
        
        
    
 
    
 
        
            GeeksForGeeks
        
 
        
        
 
         
        
            Click here
        
 
        
        
 
         
        
            $('#GFG_UP').
                text("Click on button to check existence of particular ID");
                 
            var name = "h";
            $("button").on('click', function() {
                 
                var exist = "";
                 
                if($("#" + name).length == 0) {
                    exist = "Not Exists";
                }
                else {
                    exist = "Exists";
                }
                 
                $('#GFG_DOWN').text("Element of ID = '"
                        + name + "' " + exist);
                 
            });
             
             
        
    

输出：

• 在点击按钮之前：

• 点击按钮后：

示例2：在本示例中，直接在JQuery 选择器中传递要检查的ID 名称。首先 JQuery 选择器检查 ID，然后使用长度属性来验证是否选择了某些内容。

html

    
        
            How to find element with
            specific id exist or not
        
         
        
        
    
 
    
 
        
            GeeksForGeeks
        
 
        
        
 
         
        
            Click here
        
 
        
        
 
         
        
            $('#GFG_UP').
                text("Click on button to check existence of particular ID");
                 
            $("button").on('click', function() {
                 
                var exist = "";
                 
                if($("#button").length == 0) {
                    exist = "Not Exists";
                }
                else {
                    exist = "Exists";
                }
                 
                $('#GFG_DOWN').text("Element of ID = 'button"
                        + "' " + exist);
            });
        
    
                   

输出：

• 在点击按钮之前：

• 点击按钮后：