La méthode prev() dans jquery ne renvoie rien
- 尊渡假赌尊渡假赌尊渡假赌original
- 2023-05-30 10:09:381858parcourir
La méthode prev() de jquery ne renvoie pas les éléments frères derrière l'élément sélectionné. Sa fonction est : 1. La méthode "prev()" renvoie l'élément frère précédent de l'élément sélectionné. Sa syntaxe est "$(selector) . prev(filter)"; 2. Les éléments frères et sœurs sont des éléments qui partagent le même élément parent, et cette méthode ne renvoie qu'un seul élément.
Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.
1. La définition et l'utilisation de la méthode prev() : La méthode
prev() renvoie l'élément frère précédent de l'élément sélectionné.
Les éléments frères et sœurs sont des éléments qui partagent le même élément parent, et cette méthode ne renvoie qu'un seul élément.
2. Un exemple de la méthode prev() est le suivant :Créez un exemple de fichier HTML, référencez le fichier jQuery dans l'en-tête, créez une liste ul dans le corps et ajoutez le nom de classe start au début. deuxième li. La méthode prev() est ajoutée à la balise script pour sélectionner les éléments, et la balise style est utilisée pour définir le style de l'élément renvoyé.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>prev方法示例</title>
<style>
.siblings *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("li.start").prev().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul (父节点)
<li>li (兄弟节点)</li>
<li>li (类名为"start"的li节点的上一个兄弟节点)</li>
<li class="start">li (类名为"start"的li节点)</li>
<li>li (兄弟节点)</li>
<li>li (兄弟节点)</li>
</ul>
</div>
</body>
</html>Lorsque le navigateur ouvre le fichier html, seul l'élément li frère précédent de la classe de démarrage est stylisé, la couleur de la police passe au rouge et une bordure apparaît
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!