Heim > Artikel > Web-Frontend > Beispiel für die Verwendung der prevAll()-Methode in jQuery

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

巴扎黑Original: 2017-06-24 09:57:341376Durchsuche

Dieser Artikel stellt hauptsächlich die Verwendung der prevAll()-Methode in jQuery vor. Er analysiert die Funktion und Definition der prevAll()-Methode anhand von Beispielen und die Verwendungsfähigkeiten zum Finden aller Geschwisterelemente vor dem passenden Elementsatz . Freunde, die es brauchen Sie können sich auf die folgenden Beispiele beziehen

Dieser Artikel beschreibt die Verwendung der prevAll()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode findet alle Geschwisterelemente vor dem passenden Elementsatz.
Die Sammlung von Geschwisterelementen kann nach Selektoren gefiltert werden.

Grammatikstruktur:

Der Code lautet wie folgt:

$("selector").prevAll(expr)

Parameterliste:

Parameters

参数	描述
expr	可选。用于过滤的表达式。

Beschreibung

expr td>

Optional. Ausdruck zum Filtern.

Beispielcode:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</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").prevAll().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 ist wie folgt folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</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").prevAll("span").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 2:Der Code lautet wie folgt:

Das obige ist der detaillierte Inhalt vonBeispiel für die Verwendung der prevAll()-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

Vorheriger Artikel：Zusammenfassung von drei häufigen Fehlern beim Aufrufen von ParentsUntil in JQueryNächster Artikel：Zusammenfassung von drei häufigen Fehlern beim Aufrufen von ParentsUntil in JQuery

In Verbindung stehende Artikel

Mehr sehen