Analyse von Beispielen mit der prevUntil()-Methode in jQuery-js-Tutorial-php.cn

Analyse von Beispielen mit der prevUntil()-Methode in jQuery

巴扎黑

Freigeben： 2017-06-24 10:05:13

Original

1129 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung der prevUntil()-Methode in jQuery vorgestellt. Das Beispiel analysiert die Verwendungsfähigkeiten zum Finden aller Geschwisterelemente, bevor sich bedürftige Freunde auf

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

Diese -Funktion sucht nach allen Geschwisterelementen vor dem übereinstimmenden Element, bis sie auf exprexpression, DOM-Element oder jQuery-Element trifft passend zu diesem Element. Sie können optionale Ausdrücke verwenden, um die Menge der Geschwisterelemente zu filtern.

Hinweis: Ancestor-Elemente enthalten keine Elemente, die mit Ausdrucksausdrücken, DOM-Elementen oder jQuery-Elementen übereinstimmen.

Grammatik:

Grammatik 1:

Der Code lautet wie folgt:

$(selector).prevUntil(expr,filter)

Nach dem Login kopieren

Parameterliste:

Description
参数描述
expr 可选。用于筛选祖先元素的表达式。
filter 可选。用于对取得的祖先元素集合进行筛选。

expr<🎜>

Optional. Ausdruck, der zum Filtern von Vorgängerelementen verwendet wird. <🎜>

Optional. Wird zum Filtern der erhaltenen Sammlung von Vorfahrenelementen verwendet. <🎜>

实例:

实例一:

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; 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").prevUntil(".firstp").css("color","blue")
    })
</script>
</head>
<body>
<p class="father">
  <p class="firstp">我是p元素</p>
  <span>我是span元素</span>
  <p>我是p元素</p>
  <p>我是p元素</p>
</p>
</body>
</html>

Nach dem Login kopieren

实例二:

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; 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").prevUntil(".firstp","span").css("color","blue")
    })
</script>
</head>
<body>
<p class="father">
  <p class="firstp">我是p元素</p>
  <span>我是span元素</span>
  <p>我是p元素</p>
  <p>我是p元素</p>
</p>
</body>
</html>

Nach dem Login kopieren

语法二:

代码如下:

$(selector).prevUntil(element,filter)

Nach dem Login kopieren

参数列表:

参数	描述
element	可选。用于筛选祖先元素的DOM元素或者jQuery元素。
filter	可选。用于对取得的祖先元素集合进行筛选。

实例:

实例一:

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; 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").prevUntil(document.getElementById("firstp")).css("color","blue")
    })
</script>
</head>
<body>
<p class="father">
  <p id="firstp">我是p元素</p>
  <span>我是span元素</span>
  <p>我是p元素</p>
  <p>我是p元素</p>
</p>
</body>
</html>

Nach dem Login kopieren

实例二:

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; 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").prevUntil(document.getElementById("firstp"),"span").css("color","blue")
    })
</script>
</head>
<body>
<p class="father">
  <p id="firstp">我是p元素</p>
  <span>我是span元素</span>
  <p>我是p元素</p>
  <p>我是p元素</p>
</p>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAnalyse von Beispielen mit der prevUntil()-Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!