suchen

Heim >Web-Frontend >js-Tutorial >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:341404Durchsuche

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