如何使用 jQuery 选择以某个字符开头的 ID？

给定一个 HTML 文档，任务是使用 jQuery 选择 ID 以某些字符开头的元素。

方法：使用 jQuery [attribute^=value] Selector 选择 ID 以特定字符开头的元素。

示例 1：此示例选择 ID 以“GFG”开头的元素并更改其背景颜色。

 
 
     
         
            How to select ID starts with
            certain character in jQuery ?
        
          
        
            #GFG_DIV {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
        
          
        
        
     
      
     
      
         
            GeeksForGeeks 
        
      
        
        
          
        
            This is Div box.
        
          
        
          
        
            click here
        
          
        
        
          
        
            $('#GFG_UP').text("Click on button to change "
                        + "background-color of element's "
                        + "ID starts with 'GFG'");
            function GFG_Fun() {
                $( "[id^='GFG']" ).css("background-color", "pink");
                $('#GFG_DOWN').text("Div hides after 1 second."); 
            }
         
     
                    

输出：

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

示例 2：本示例选择 ID 以“GFG”开头的元素并设置其背景颜色。

 
 
     
         
            How to select ID starts with
            certain character in jQuery ?
        
          
        
            #GFG_DIV {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
        
          
        
        
     
      
     
      
         
            GeeksForGeeks 
        
      
        
        
          
        
            This is Div box.
        
          
        
          
        
            click here
        
          
        
        
          
        
            $('#GFG_UP').text("Click on button to change "
                        + "background-color of element's "
                        + "ID starts with 'GFG'");
            function GFG_Fun() {
                var value = "GFG";
                $("[id^='" + value + "']" ).css("background-color", "pink");
                $('#GFG_DOWN').text("Div hides after 1 second."); 
            }
         
     
                    

输出：

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