suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie fest, dass die erste Zeile in JQuery nicht gelöscht wird

So legen Sie fest, dass die erste Zeile in JQuery nicht gelöscht wird

WBOY
WBOYOriginal
2022-05-30 10:26:241570Durchsuche

Methode: 1. Verwenden Sie den Selektor „:gt()“ mit der leeren Methodeneinstellung. Die Syntax lautet „$(“row element:gt(0)“).empty()“; Die Methode eq() wird in Verbindung mit der leeren Methode festgelegt und die Syntax lautet „Zeilenelement object.not(':eq(0)').empty()“.

So legen Sie fest, dass die erste Zeile in JQuery nicht gelöscht wird

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So stellen Sie ein, dass die erste Zeile in jquery nicht leer ist

1 $("Row element: gt(0)").empty()

:gt() Der Selektor wählt Elemente aus, deren Indexwert ist größer als die angegebene Zahl.

Indexwerte beginnen bei 0.

Die häufigste Verwendung: Wird mit anderen Selektoren verwendet, um Elemente nach einer bestimmten Sequenznummer in einer bestimmten Kombination auszuwählen. Die Methode

empty() entfernt alle untergeordneten Knoten und Inhalte des ausgewählten Elements.

Das Beispiel lautet wie folgt: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#ip tr:gt(0)").empty();
});
</script>
</head>
<body>
<div class="table-border">
    <table id="ip" border=1>
        <tr class="active">
            <th>排名</th>
            <th>姓名</th>
            <th>分值</th>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>532</td>
        </tr>
        <tr>
            <td>2</td>
            <td>李四</td>
            <td>516</td>
        </tr>
        <tr>
            <td>3</td>
            <td>王五</td>
            <td>515</td>
        </tr>
    </table>
</div>
</body>
</html>

Wenn keine JQuery-Anweisung hinzugefügt wird, lautet das Ausgabeergebnis:

So legen Sie fest, dass die erste Zeile in JQuery nicht gelöscht wird

Nach dem Hinzufügen lautet das Ausgabeergebnis:

So legen Sie fest, dass die erste Zeile in JQuery nicht gelöscht wird

2. Zeilenelementobjekt. Die Methode not(':eq(0)' ).empty()

not() gibt Elemente zurück, die bestimmte Bedingungen nicht erfüllen.

Mit dieser Methode können Sie eine Bedingung angeben. Elemente, die die Kriterien nicht erfüllen, werden aus der Auswahl zurückgegeben und Elemente, die die Kriterien erfüllen, werden entfernt. Die Methode

empty() entfernt alle untergeordneten Knoten und Inhalte des ausgewählten Elements. Die Methode

eq() gibt das Element mit der angegebenen Indexnummer des ausgewählten Elements zurück.

Indexnummern beginnen mit 0, daher ist die Indexnummer des ersten Elements 0 (nicht 1).

Das Beispiel sieht wie folgt aus: 

<script>
$(document).ready(function(){
$("#ip tr").not(&#39;:eq(0)&#39;).empty();
});
</script>

Das Ausgabeergebnis ist das gleiche wie das Ausgabeergebnis des obigen Beispiels.

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass die erste Zeile in JQuery nicht gelöscht wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery 对象 选择器
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：So implementieren Sie ein Dropdown-Menü mit JQueryNächster Artikel：So implementieren Sie ein Dropdown-Menü mit JQuery

In Verbindung stehende Artikel

Mehr sehen