Detaillierte Erläuterung einfacher Operationsbeispiele von prev() in jQuery

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.

prev()-Funktion wird verwendet, um das vorherige Geschwisterelement des Elementsatzes abzugleichen. Nur das vorherige Geschwisterelement wird ausgewählt und seine untergeordneten Elemente werden ignoriert. Hier stelle ich Ihnen die einfache Funktionsweise von prev() in jQuery vor. Der spezifische Inhalt lautet wie folgt:

Ein Freund hat mir eine Anfrage gestellt: Klicken Sie auf die Schaltfläche, um die Eingabe zu löschen Klicken Sie links auf die Schaltfläche, um alles auszublenden.

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 es hier gemischt, nicht standardisiert, nur eine Kastanie, der Schwerpunkt liegt auf dem Verständnis.

Verwandte Empfehlungen:

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

10 empfohlene Artikel über prev()

10 empfohlene Artikel über die PHP-Funktion prev()

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung einfacher Operationsbeispiele von prev() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!