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