当前位置:首页 > 日记 > 正文

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

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

相关文章

手机端转换rem适应

手机端转换rem适应

转换,手机端,电脑软件,rem,话不多说,请看代码:<script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px'; }; cha…

PPT2010中如何对插入的进行自定义

PPT2010中如何对插入的进行自定义

自定义样式,中对,图片,电脑软件,  我们所操作的图片大都是矩形的,如果直接插入文档中并不好看,默认自带的样式极其有限,不过可以通过对插入的图片进行自定义样式,使它跟内容更加和谐符合我们的审美需求。以下是小编为您带来的关于PPT2010中对…

AI怎么使用混合工具设计一款渐变立

AI怎么使用混合工具设计一款渐变立

渐变,混合,工具,文字,电脑软件,ai中有很多功能,今天我们就来看看使用ai中的混合工具设计一款里的的文字海报图的教程。软件名称:Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位)软件大小:205MB更新时间:2014-05-111、首先键入需要的…

如何设置PPT2007中图表区的格式

如何设置PPT2007中图表区的格式

图表,设置,格式,如何设置,电脑软件,  在PPT的使用中,难免还是会有一些操作是我们还没完全掌握的,就像有朋友反映不会修改PPT图表区的格式,其实这也没什么难的。以下是小编为您带来的关于设置PPT2007图表区的格式,希望对您有所帮助。设置PPT20…

nodejs 实现钉钉ISV接入的加密解密

nodejs 实现钉钉ISV接入的加密解密

方法,加密解密,电脑软件,nodejs,ISV,这是我开发Worktile钉钉版本的时候遇到的当时感觉比较难的地方,现在写下来方法供大家学习交流解密方法exports.decryptMsg = function (text) { var aes_msg_buffer = new Buffer(text, 'base64'); var…

在excel中如何按字体颜色进行排序

在excel中如何按字体颜色进行排序

排序,字体颜色,电脑软件,excel,  在整理Excel表格数据时,有时数据没有及时分类,导致数据多而杂。那么对于特别的数据,我们可以用颜色字体标记出来,需要时可按字体颜色进行排序。以下是小编为您带来的关于在excel中按字体颜色进行排序,希望对您…

JS实现touch 点击滑动轮播实例代码

JS实现touch 点击滑动轮播实例代码

实例代码,电脑软件,JS,touch,废话不多说了,直接给大家贴js代码了,具体代码如下所示:<script src="../js/jquery-1.8.3.min.js"></script><script src="../js/jQuery.mobile-1.3.2.min.js"></script>----------------------需要应用jquery …

.NET发布网站详细步骤

.NET发布网站详细步骤

步骤,发布网站,详细,电脑软件,NET,本文章分为三个部分: web网站发布、IIS6 安装方法、ASP.NET v4.0 安装方法一、web网站发布1.打开 Visual Studio 2013 编译环境2.在其解决方案上右击弹出重新生成解决方案,以查看是否有错误3.如果项目没有…

PPT怎么使用宏添加倒计时PPT使用宏

PPT怎么使用宏添加倒计时PPT使用宏

方法,倒计时,电脑软件,PPT,strong,  PPT怎么使用宏添加倒计时?在各类演讲、比赛中,经常要求比赛选手要在规定时间内完成演讲,于是,组办方就需要在PowerPoint演示中安装&ldquo;倒计时&rdquo;,用以提醒演讲者。下面小编就教你PPT使用宏添加倒计…

qq安全中心手机解绑定图文教程

qq安全中心手机解绑定图文教程

绑定,安全中心,图文教程,方法,电脑软件,  小伙伴们的QQ安全中心有绑定手机号码吗?那么小伙伴们知道如何解绑手机号码吗?今天小编就给大家带来了qq安全中心解绑手机号码的方法分享,一起来看看吧!qq安全中心手机解绑定的方法1.打开QQ安全中…

WPS表格中的数据如何以百分比显示

WPS表格中的数据如何以百分比显示

显示,数据,百分比,表格,电脑软件,  有时候想让WPS表格中单元格中的数字以百分比显示,让表格看起来更直观、明了,而又不改变单元格属性,数字照常可以计算。以下是小编为您带来的关于WPS表格中的数据以百分比显示,希望对您有所帮助。WPS表格中…

js 发布订阅模式的实例讲解

js 发布订阅模式的实例讲解

发布订阅,模式,实例,电脑软件,js,废话不多说,直接上代码//发布订阅模式class EventEmiter{ constructor(){ //维护一个对象 this._events={ } } on(eventName,callback){ if( this._events[eventName]){ //如果有就放一…