Heim >Web-Frontend >js-Tutorial >Beispiel für die Verwendung der prev()-Methode in jQuery

Beispiel für die Verwendung der prev()-Methode in jQuery

巴扎黑
巴扎黑Original
2017-06-30 14:01:532190Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung der prev()-Methode in jQuery vorgestellt. Er analysiert die Funktion, Definition und Verwendung der prev()-Methode, um das unmittelbar vorhergehende Geschwisterelement jedes Elements zu erhalten Tipps zum passenden Elementsatz finden Freunde, die sie benötigen:

Dieser Artikel erklärt die Verwendung der prev()-Methode in jQuery anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode verwendet das unmittelbar vorhergehende Geschwisterelement jedes Elements im passenden Elementsatz.
Die Sammlung von Geschwisterelementen kann nach Selektoren gefiltert werden.

Grammatikstruktur:

Der Code lautet wie folgt:

$(selector).prev(expr)

Parameterliste:

zum Filtern des vorherigen Geschwisterelements > tbody>
Parameters
参数 描述
expr 可选。用于筛选前一个同辈元素的表达式
Beschreibung

expr td>Optional. Expression

Beispielcode:

<!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>
Beispiel 1:

Der Code lautet wie folgt:

Das Obige Code Sie können den Wert class

attribute

auf die Schriftfarbe des vorherigen Elements jedes p-Elements im Satz von p-Elementen unter dem Vaterelement auf Blau setzen.

<!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>
Beispiel 2:

Der Code lautet wie folgt:Der obige Code kann die Schriftart des Elements ändern, dessen Klassenattributwert jeweils js ist li-Element in der Sammlung aller li-Elemente. Die Farbe ist auf Rot gesetzt.

Das obige ist der detaillierte Inhalt vonBeispiel für die Verwendung der prev()-Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn