recherche

Maison >interface Web >js tutoriel >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:532194parcourir

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 :

pour filtrer l'élément frère précédent > tbody>
Paramètres
参数 描述
expr 可选。用于筛选前一个同辈元素的表达式
Description
expr td>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>
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>
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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Exemples détaillés d'utilisation de la fonction jQuery.die()Article suivant：Exemples détaillés d'utilisation de la fonction jQuery.die()

Articles Liés

Voir plus