首页 > 编程 > JavaScript > 正文

关于jQuery里prev()的简单操作代码

2019-11-19 15:02:41
字体:
来源:转载
供稿:网友

prev() 函数被用来匹配元素集的前一个兄弟元素,仅仅只有前一个兄弟元素被选择,其子元素将被忽略。这里给大家介绍jQuery里prev()的简单操作,具体内容如下:

一个朋友提了个需求给我:点击按钮删除input,如果input剩一个,点击按钮全部消失。

很简单的操作,但是你如果不知道jquery里有prev()这个方法,可能你会走很多弯路。

代码:

html

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

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()的简单操作代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表