El propósito de este artículo es encontrar los elementos de intervalo dentro del párrafo y revertir la selección usando Jquery . En una redacción simple, solo tenemos que encontrar el elemento span. Después de seleccionar el elemento de intervalo, debemos finalizar la operación más reciente, es decir, seleccionar el elemento de intervalo y luego aplicar algunos estilos CSS para mostrar que la operación de reversión de la selección se realizó con éxito.
Acercarse:
- Cree la página HTML con el elemento span dentro del elemento de párrafo.
- Usando el método .find() encuentre todo el elemento span.
- Ahora regrese a la operación de encontrar el elemento span.
- Al final aplica algo de CSS para mostrar que la operación ha sido revertida.
Método utilizado:
- . Método Find(): este método se utiliza para devolver elementos descendientes del elemento seleccionado.
- . Método end(): este método se usa para revertir la operación destructiva más reciente, cambiando el conjunto de elementos coincidentes a su estado anterior justo antes de la operación destructiva
- . Método css() : este método se utiliza para establecer o devolver una o más propiedades de estilo para los elementos seleccionados.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width" />
<style>
body {
text-align: center;
font-size: 30px;
}
p {
margin: 10px;
padding: 10px;
}
button {
background-color: #4caf50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>
</head>
<body>
<h1 style="color: green">GeeksForGeeks</h1>
<p>
<span>This part is in the span element.</span>
This part is not in the
span element.
</p>
<button>Click to see the effect</button>
<script>
$("button").click(function () {
$("p").find("span").end()
.css("background-color", "lightgreen");
});
</script>
</body>
</html>
Producción:
Explicación: La primera operación fue encontrar el elemento de intervalo dentro del elemento de párrafo. La segunda operación fue revertir la operación de selección. Después de eso, el estilo CSS no se realiza en el elemento de intervalo, sino que se realiza en todo el elemento de párrafo.
Publicación traducida automáticamente
Artículo escrito por bhaluram18 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA