收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > jQuery > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

關于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()的簡單操作代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對積木網網站的支持!

360提示[高危]使用存在漏洞的JQuery版本的解決方法
今天發現360給我發送了一封郵件,發現網站:使用存在漏洞的JQuery版本,黑客可以利用這個漏洞入侵您的網站。然后到360檢測查看了解決辦法但是感覺并

jquery ajax異步提交表單數據的方法
使用jquery的ajax方法可以異步提交表單,成功后后臺返回json數據,回調函數處理,可以不用刷新頁面,達到異步的目的;處理表單的數據可以用serialize()

jQuery實現點擊下拉框中的值累加到文本框中的方法示例
本文實例講述了jQuery實現點擊下拉框中的值累加到文本框中的方法。分享給大家供大家參考,具體如下:先來看看運行效果:具體代碼如下:!DOCTYPEhtmlht

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
时时彩免费分析软件