Beispielanalyse des einfachen Operationscodes von prev() in jQuery

Die Funktion

prev() wird verwendet, um das vorherige Geschwisterelement des Elementsatzes abzugleichen. Nur das vorherige Geschwisterelement wird ausgewählt und seine untergeordneten Elemente werden ignoriert. Dieser Artikel stellt hauptsächlich den einfachen Operationscode von prev() in jQuery vor. Er ist sehr gut und hat Referenzwert. Ich hoffe, er kann jedem helfen.

Ein Freund hat mir eine Anfrage gestellt: Klicken Sie auf die Schaltfläche, um die Eingabe zu löschen. Wenn nur noch eine Eingabe übrig ist, klicken Sie auf die Schaltfläche, um alle zu löschen.

Es ist ein sehr einfacher Vorgang, aber wenn Sie nicht wissen, dass es in jquery eine prev()-Methode gibt, müssen Sie möglicherweise viele Umwege machen.

Code:

html

<p>
  <input type="text" placeholder="用户名">
  <input type="text" placeholder="用户名">
  <input type="text" type="hidden">
  <input type="text" type="hidden">
  <a class="reduce" onclick="less()">—</a>
 </p>

css

.reduce{
   display: inline-block;
   color: white;
   text-align: center;
   width: 30px;
   height: 30px;
   background: red;
   line-height: 30px;
   cursor: pointer;
  }
  input{
   height: 18px;
   padding: 5px 10px;
  }

JS

<script src="jquery-1.7.2.min.js"></script>
<script>
 var Reduce = document.getElementsByClassName("reduce");
 var Inp = document.getElementsByTagName("input");
 function less(){
    //查找元素的上一个元素 并移除
  $(".reduce").prev().remove();
  if(Inp.length < 1){
   $(".reduce").remove()
  }
 }
 $(".reduce")
</script>

Ich habe hier eine Mischung geschrieben, nicht standardisiert, nur eine Kastanie, der Schwerpunkt liegt auf dem Verstehen.

Verwandte Empfehlungen:

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

10 empfohlene Artikel über prev()

PHP-Array-Funktionssequenz prev()

Das obige ist der detaillierte Inhalt vonBeispielanalyse des einfachen Operationscodes von prev() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!