Exemples d'utilisation de la méthode prev() dans jQuery-js tutoriel-php.cn

Exemples d'utilisation de la méthode prev() dans jQuery

巴扎黑

Libérer： 2017-06-30 14:01:53

original

2174 Les gens l'ont consulté

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)

Copier après la connexion

Liste des paramètres :

Paramètres

参数	描述
expr	可选。用于筛选前一个同辈元素的表达式

Description

< /td>

expr

< span style="font-size:12px;word-wrap: break-word">Facultatif. Expression

Exemple de code :

<!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>

Copier après la connexion

Exemple 1 :

Le code est le suivant :

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>

Copier après la connexion

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!