關于jQuery里prev()的簡單操作代碼
更新時間：2017年10月27日 14:09:04 投稿：mrr
這篇文章主要介紹了jQuery里prev()的簡單操作代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
prev() 函數(shù)被用來匹配元素集的前一個兄弟元素，僅僅只有前一個兄弟元素被選擇，其子元素將被忽略。這里給大家介紹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>
這里我混合寫的，不規(guī)范，只做一個栗子，重在理解。
總結
以上所述是小編給大家介紹的關于jQuery里prev()的簡單操作代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
jQuery實現(xiàn)導航滾動到指定內容效果完整實例【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)導航滾動到指定內容效果,結合完整實例形式分析了頁面元素屬性動態(tài)變換操作相關技巧,涉及jQuery插件jquery.scrollto.js的使用,并附帶demo源碼下載供讀者下載參考,需要的朋友可以參考下2016-09-09
jquery.form.js框架實現(xiàn)文件上傳功能案例解析（springmvc）
這篇文章主要為大家詳細介紹了jquery.form.js/springmvc文件上傳功能的實現(xiàn)步驟，使用的技術有jquery.form.js框架，以及springmvc框架，具有實用價值，感興趣的小伙伴們可以參考一下2016-05-05
jQuery實現(xiàn)下拉框左右移動（全部移動，已選移動）
本文主要介紹jQuery中利用appendTo()方法追加元素已實現(xiàn)左右移動的功能，希望對大家有所幫助。2016-04-04
這篇文章主要為大家詳細介紹了基于JQuery實現(xiàn)圖片輪播效果，利用Jquery制作焦點圖左右輪播特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要為大家分享了一份全面詳細的jQuery常見開發(fā)技巧手冊，幫助大家更好的進行jquery開發(fā)，感興趣的小伙伴們可以參考一下2016-02-02
多功能jQuery樹插件zTree實現(xiàn)權限列表簡單實例
這篇文章主要介紹了多功能jQuery樹插件zTree實現(xiàn)權限列表簡單實例，優(yōu)異的性能、靈活的配置、多種功能的組合，是樹插件zTree最大的優(yōu)勢，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要為大家分享了jQuery產(chǎn)品間斷向下滾動的核心代碼,需要的朋友可以參考下2014-05-05
最近項目中用到類似百度的輸入框，于是自己用jquery寫了一個。希望和大家共同分享一下。存在許多bug，請各位不吝賜教。2011-04-04
juqery 學習之三 選擇器 可見性 元素屬性，需要的朋友可以參考下。2010-11-11
當把鼠標移動到盒子上的時候上面就會出現(xiàn)一個黑色的盒子,這是在瀏覽網(wǎng)頁的時候看到的一個效果，具體實現(xiàn)如下，感興趣的朋友可以了解下2013-09-09