jquery獲取緊鄰的上一個元素
本章節分享一段程式碼例項,它實現了獲取緊鄰的上一個同級元素的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #box li { width: 350px; height: 25px; line-height: 25px; font-size: 12px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#antzone").prev().css("color","blue") }) </script> </head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力才會有美好的未來</li> <li>每一天都是新的,必須要好好把握。</li> <li>沒有人一開始就是高手,必須要努力奮鬥。</li> <li id="antzone">未來都是虛無縹緲的,只有當前是現實。</li> <li>分享和互助式進步的最大原動力</li> <li>本站的url地址是softwhy.com</li> </ul> <div id="show"></div> </body> </html>
上面的程式碼實現了我們的要求,非常簡單,更多內容可以參閱相關閱讀。
相關閱讀:
(1).prev()方法可以參閱jQuery prev()一章節。
(2).css()方法可以參閱jQuery css()一章節。
相關文章
- CSS 獲取所有緊鄰兄弟元素CSS
- CSS 緊鄰下一個兄弟元素CSS
- jquery如何獲取第一個或最後一個子元素?jQuery
- jquery獲取元素節點jQuery
- iframe的操作-Js/Jquery獲取iframe中的元素JSjQuery
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- Jquery如何獲取和設定元素內容?jQuery
- JavaScript獲取陣列最後一個元素JavaScript陣列
- jQuery獲取class相同的div中的最後一個jQuery
- jquery獲取低程式碼平臺iframe巢狀的父級元素指定元素jQuery巢狀
- 獲取一個陣列裡面第K大的元素陣列
- jQuery隱藏一個div元素jQuery
- JavaScript 獲取第n個li元素JavaScript
- 獲取陣列第N個元素的方法陣列
- 獲取上個月
- jquery獲取同一name的input的value值jQuery
- jq獲取上級、同級、下級元素
- JQuery獲取input type=jQuery
- 獲取上個月的問題
- JS陣列at函式(獲取最後一個元素的方法)介紹JS陣列函式
- JS 獲取文件元素JS
- JavaScript 獲取倒數第二個li元素JavaScript
- jQuery : ajax獲取Status CodejQuery
- 在一個元素上:hover,改變另一個元素的css屬性CSS
- Appium Android 獲取WebView元素的方法APPAndroidWebView
- Revit獲取元素的巢狀族巢狀
- JavaScript 獲取指定標籤一級子元素JavaScript
- JavaScript獲取父元素下子元素節點JavaScript
- dom元素操作獲取等
- jQuery獲取表單值及幾個表單事件jQuery事件
- jquery獲取圖片的真實大小jQuery
- css 獲取從第n個開始,之後的所有元素CSS
- jQuery獲取本機ip地址jQuery
- vue+axio通過獲取dom元素上傳檔案Vue
- 獲取倒數第幾個元素程式碼例項
- vue 前端框架的網頁是否是不能用 js 和 jquery 獲取元素屬性或修改?Vue前端框架網頁JSjQuery
- jQuery無法獲取隱藏元素(display:none)寬度(width)和高度(height)的新解決方案jQueryNone
- JS基礎_獲取元素的樣式JS
- 封裝js獲取當前元素的弟弟元素節點封裝JS