El método offsetParent() es un método incorporado en jQuery que se usa para encontrar el primer elemento principal posicionado en el árbol DOM.
Sintaxis:
$(selector).offsetParent()
Parámetros: Este método no contiene ningún parámetro.
Valor devuelto: este método devuelve el primer elemento principal posicionado.
El siguiente ejemplo ilustra el método offsetParent() en jQuery:
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>The offsetParent Method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").offsetParent().css("background-color", "green");
});
});
</script>
<style>
#d1 {
border:1px solid black;
width:70%;
position:absolute;
left:10px;
top:50px
}
#d2 {
border:1px solid black;
margin:50px;
background-color:lightblue;
text-align:center;
}
p {
padding-left: 80px;
font-weight: bold;
}
</style>
</head>
<body>
<button>Submit</button>
<div id="d1">
<div id="d2">
<!-- click on this paragraph -->
<p>Welcome to GeeksforGeeks!</p>
</div>
</div>
</body>
</html>
Producción:
Artículos relacionados:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA