关于jQuery里prev()的简单操作代码
更新时间：2017年10月27日 14:09:04 投稿：mrr
这篇文章主要介绍了jQuery里prev()的简单操作代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下
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()的简单操作代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
这篇文章主要介绍了jQuery实现导航滚动到指定内容效果,结合完整实例形式分析了页面元素属性动态变换操作相关技巧,涉及jQuery插件jquery.scrollto.js的使用,并附带demo源码下载供读者下载参考,需要的朋友可以参考下2016-09-09
jquery.form.js框架实现文件上传功能案例解析（springmvc）
这篇文章主要为大家详细介绍了jquery.form.js/springmvc文件上传功能的实现步骤，使用的技术有jquery.form.js框架，以及springmvc框架，具有实用价值，感兴趣的小伙伴们可以参考一下2016-05-05
本文主要介绍jQuery中利用appendTo()方法追加元素已实现左右移动的功能，希望对大家有所帮助。2016-04-04
这篇文章主要为大家详细介绍了基于JQuery实现图片轮播效果，利用Jquery制作焦点图左右轮播特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家分享了一份全面详细的jQuery常见开发技巧手册，帮助大家更好的进行jquery开发，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了多功能jQuery树插件zTree实现权限列表简单实例，优异的性能、灵活的配置、多种功能的组合，是树插件zTree最大的优势，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要为大家分享了jQuery产品间断向下滚动的核心代码,需要的朋友可以参考下2014-05-05
最近项目中用到类似百度的输入框，于是自己用jquery写了一个。希望和大家共同分享一下。存在许多bug，请各位不吝赐教。2011-04-04
juqery 学习之三 选择器 可见性 元素属性，需要的朋友可以参考下。2010-11-11
当把鼠标移动到盒子上的时候上面就会出现一个黑色的盒子,这是在浏览网页的时候看到的一个效果，具体实现如下，感兴趣的朋友可以了解下2013-09-09
最新评论