欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于jQuery里prev()的簡(jiǎn)單操作代碼

 更新時(shí)間:2017年10月27日 14:09:04   投稿:mrr  
這篇文章主要介紹了jQuery里prev()的簡(jiǎn)單操作代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下

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)文章

最新評(píng)論