jQuery | elemento ~ hermanos Selector

El elemento ~ selector de hermanos en jQuery se usa para seleccionar todos los elementos que son hermanos del elemento especificado.

Sintaxis:

("element ~ siblings")

Parámetro: contiene dos parámetros, como se mencionó anteriormente y se describe a continuación:

  • elemento: Es un parámetro obligatorio y se utiliza para cualquier selector jQuery válido.
  • hermanos: Es un parámetro obligatorio y se utiliza para especificar los hermanos del parámetro del elemento.

Ejemplo:

<!DOCTYPE html>
<html>
    <head> 
      <title>
          jQuery element ~ siblings Selector
      </title>
    </head> 
    
    <body style="text-align:center;">
          
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
            
        <h2>
            jQuery element ~ siblings Selector
        </h2>
            
        <p>Geeks1</p>
            
        <div>
            <p>Geek2</p>
            <p>Geeks3</p>
        </div>
            
        <p>Geek4</p>
        <p>Geeks5</p>
            
        <div>
            <p>Geek6</p>
        </div>
            
        <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
          
        <script>
            $(document).ready(function(){
                $("div ~ p").css("background-color", "green");
            });
        </script>
    </body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por SHUBHAMSINGH10 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 *