关于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 结合jstree 动态生成一棵树，如果某一节点下目录超过500个，IE 会提示是否允许JS脚本运行，并且目录加载不全，大约只加载了300左右。2010-03-03
jQuery底层AJAX实现，其返回其创建的XMLHttpRequest对象，大多数情况下无需直接操作该函数，除非需要操作不常用的选项，以获得更多的灵活性，这篇文章给大家介绍JQuery AJAX操作代码，感兴趣的朋友一起看看吧2022-12-12
这篇文章主要介绍了高效jQuery选择器的5个技巧,结合实例形式总结分析了jquery选择器使用过程中发的各种常用技巧,需要的朋友可以参考下2019-11-11
jQuery源码分析-04 选择器-Sizzle-工作原理分析
在分析Sizzle源码之前，先整理一下选择器的工作原理，先明确一些选择器中用到的名词，后边阅读时不会有歧义2011-11-11
这篇文章主要介绍了网站加载第三方CDN，如果jQuery库不成功则加载本地的jquery的实现代码,需要的朋友可以参考下2018-05-05
这篇文章主要为大家详细介绍了jquery实现图片轮播器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
最近做了这样一个功能，让用户输入手机发送验证码，输完11位手机号后，自动隐藏键盘。下面通过本文给大家分享实现方法，一起看看吧2017-01-01
浅谈jQuery中Ajax事件beforesend及各参数含义
下面小编就为大家带来一篇浅谈jQuery中Ajax事件beforesend及各参数含义。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
jQuery Datatable 多个查询条件自定义提交事件(推荐)
这篇文章主要介绍了jQuery Datatable 多个查询条件自定义提交事件的相关资料,需要的朋友可以参考下2017-08-08
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
这篇文章主要介绍了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果,具有穿越iframe的功能,涉及jQuery的EasyUI插件属性操作相关技巧,需要的朋友可以参考下2016-08-08
最新评论