關(guān)于jQuery里prev()的簡(jiǎn)單操作代碼
prev() 函數(shù)被用來(lái)匹配元素集的前一個(gè)兄弟元素,僅僅只有前一個(gè)兄弟元素被選擇,其子元素將被忽略。這里給大家介紹jQuery里prev()的簡(jiǎn)單操作,具體內(nèi)容如下:
一個(gè)朋友提了個(gè)需求給我:點(diǎn)擊按鈕刪除input,如果input剩一個(gè),點(diǎn)擊按鈕全部消失。
很簡(jiǎn)單的操作,但是你如果不知道jquery里有prev()這個(gè)方法,可能你會(huì)走很多彎路。
代碼:
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(){ //查找元素的上一個(gè)元素 并移除 $(".reduce").prev().remove(); if(Inp.length < 1){ $(".reduce").remove() } } $(".reduce") </script>
這里我混合寫的,不規(guī)范,只做一個(gè)栗子,重在理解。
總結(jié)
以上所述是小編給大家介紹的關(guān)于jQuery里prev()的簡(jiǎn)單操作代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
JQery jstree 大數(shù)據(jù)量問題解決方法
Jquery 結(jié)合jstree 動(dòng)態(tài)生成一棵樹,如果某一節(jié)點(diǎn)下目錄超過500個(gè),IE 會(huì)提示是否允許JS腳本運(yùn)行,并且目錄加載不全,大約只加載了300左右。2010-03-03jQuery源碼分析-04 選擇器-Sizzle-工作原理分析
在分析Sizzle源碼之前,先整理一下選擇器的工作原理,先明確一些選擇器中用到的名詞,后邊閱讀時(shí)不會(huì)有歧義2011-11-11jquery引入外部CDN 加載失敗則引入本地jq庫(kù)
這篇文章主要介紹了網(wǎng)站加載第三方CDN,如果jQuery庫(kù)不成功則加載本地的jquery的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-05-05jQuery實(shí)現(xiàn)手機(jī)上輸入后隱藏鍵盤功能
最近做了這樣一個(gè)功能,讓用戶輸入手機(jī)發(fā)送驗(yàn)證碼,輸完11位手機(jī)號(hào)后,自動(dòng)隱藏鍵盤。下面通過本文給大家分享實(shí)現(xiàn)方法,一起看看吧2017-01-01淺談jQuery中Ajax事件beforesend及各參數(shù)含義
下面小編就為大家?guī)?lái)一篇淺談jQuery中Ajax事件beforesend及各參數(shù)含義。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧,祝大家游戲愉快哦2016-12-12jQuery Datatable 多個(gè)查詢條件自定義提交事件(推薦)
這篇文章主要介紹了jQuery Datatable 多個(gè)查詢條件自定義提交事件的相關(guān)資料,需要的朋友可以參考下2017-08-08jQuery插件EasyUI實(shí)現(xiàn)Layout框架頁(yè)面中彈出窗體到最頂層效果(穿越iframe)
這篇文章主要介紹了jQuery插件EasyUI實(shí)現(xiàn)Layout框架頁(yè)面中彈出窗體到最頂層效果,具有穿越iframe的功能,涉及jQuery的EasyUI插件屬性操作相關(guān)技巧,需要的朋友可以參考下2016-08-08