Maison > Article > interface Web > Exemples d'utilisation de la méthode prev() dans jQuery
Exemples d'utilisation de la méthode prev() dans jQuery
- 巴扎黑original
- 2017-06-30 14:01:532121parcourir
Cet article présente principalement l'utilisation de la méthode prev() dans jQuery Il analyse la fonction, la définition et l'utilisation de la méthode prev() pour obtenir l'élément frère immédiatement précédent de chaque élément du fichier. ensemble d'éléments correspondants. Pour obtenir des conseils, les amis qui en ont besoin peuvent se référer à
Cet article explique l'utilisation de la méthode prev() dans jQuery avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Cette méthode prend l'élément frère immédiatement précédent de chaque élément de l'ensemble d'éléments correspondant.
La collection d'éléments frères et sœurs peut être filtrée par des sélecteurs.
Structure grammaticale :
Le code est le suivant :
$(selector).prev(expr)
Liste des paramètres :
| Paramètres |
Description
|
expr td>| Facultatif. Expression
| |
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>prev()
函数
-PHP中文网</title>
<style type="text/css">
.father{
height:200px;
width:200px;
border:1px solid blue;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
$(".father p").prev().css("color","blue")
})
</script>
</head>
<body>
<p class="father">
<p>我是p元素</p>
<span>我是span元素</span>
<p>我是p元素</p>
<p>我是p元素</p>
</p>
</body>
</html>Exemple 1 :
Ce qui précède code Vous pouvez définir la valeur de l'attribut class
sur la couleur de police de l'élément précédent de chaque élément p dans l'ensemble des éléments p sous l'élément père sur bleu.
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>prev()函数-PHP中文网</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("li").prev(".js").css("color","red");
})
</script>
</head>
<body>
<p>
<ul>
<li>HTML专区</li>
<li class="js">Javascript专区</li>
<li>p+Css专区</li>
<li>Jquery专区</li>
</ul>
</p>
</body>
</html>Exemple 2 :Le code est le suivant :Le code ci-dessus peut changer la police de l'élément dont la valeur d'attribut de classe est js devant chacun li élément dans la collection de tous les éléments li La couleur est définie sur rouge. 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!