Detaillierte Erläuterung der prev()-Verwendung von jQuery

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen bei der Verwendung von jQuerys prev() ausführlich erläutern sehen. 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. 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. Wenn nur noch eine Eingabe übrig ist, klicken Sie auf die Schaltfläche, um alle Eingaben zu löschen.

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

<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>

Was ich hier geschrieben habe, ist gemischt und nicht standardisiert, nur eine Kastanie, der Schwerpunkt liegt auf dem Verständnis.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

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