Cet article présente principalement le code d'opération simple de prev() dans jQuery. Il est très bon et a une valeur de référence. Les amis dans le besoin peuvent s'y référer. La fonction
prev() est utilisée pour faire correspondre l'élément frère précédent de l'ensemble d'éléments. Seul l'élément frère précédent est sélectionné et ses éléments enfants seront ignorés. Ici, je vais vous présenter le fonctionnement simple de prev() dans jQuery. Le contenu spécifique est le suivant :
Un ami m'a fait une demande : cliquez sur le bouton pour supprimer l'entrée s'il n'y a qu'une seule entrée. à gauche, cliquez sur le bouton pour tous disparaître.
C'est une opération très simple, mais si vous ne savez pas qu'il existe une méthode prev() dans jquery, vous risquez de faire beaucoup de détours.
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>
Je l'ai mélangé ici, non standardisé, juste une châtaigne, l'accent est mis sur la compréhension.
Recommandations associées :
Exemples d'utilisation de la méthode prev() dans jQuery
10 articles recommandés sur prev()
10 articles recommandés sur la fonction php prev()
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!