您好,欢迎访问一九零五行业门户网

jQuery的prev()使用详解

这次给大家带来jquery的prev()使用详解,jquery的prev()使用注意事项有哪些,下面就是实战案例,一起来看一下。
prev() 函数被用来匹配元素集的前一个兄弟元素,仅仅只有前一个兄弟元素被选择,其子元素将被忽略。这里给大家介绍jquery里prev()的简单操作,具体内容如下:
一个朋友提了个需求给我:点击按钮删除input,如果input剩一个,点击按钮全部消失。
很简单的操作,但是你如果不知道jquery里有prev()这个方法,可能你会走很多弯路。
<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>
这里我混合写的,不规范,只做一个栗子,重在理解。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是jquery的prev()使用详解的详细内容。
其它类似信息

推荐信息