jQuery | Selector [atributo~=valor]

jQuery [attribute~=value] Selector Selecciona todos los elementos con un atributo de nombre que contiene la string específica.
Sintaxis:

$("[attribute~='string']")

Parámetro:

  • atributo: especifica qué atributo se utiliza para buscar.
  • string: especifica el valor de la string a buscar.

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
    
    <script>
     $(document).ready(function() {
       $("input[name~='GFG']").css("background-color",
                                   "LIGHTGREEN");
        });
    </script>
</head>
  
<body>
  
    <input name="GFG" type="text" value="GEEKSFORGEEKS">
    <input name="2" type="text" value="SITE1">
    <input name="3" type="text" value="SITE2">
    <input name="GFG" type="text" value="GEEKSFORGEEKS">
    <input name="GFG" type="text" value="GEEKSFORGEEKS">
    <input name="4" type="text" value="SITE4">
  
    <input name="GFG" type="text" value="GEEKSFORGEEKS">
  
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por AkshayGulati y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *