jquery獲取具有指定內容的元素
本章介紹一下如何利用jquery實現獲取具有指定內容的元素。
比如下面的程式碼:
[HTML] 純文字檢視 複製程式碼<div id="items"> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來</li> <li id="antzone">沒有任何人一開始就是高手,必須要好好學習</li> <li>本站的url地址是softwhy.com</li> <li>每一天都是新的,所以要好好真心當前時間</li> <li>div css教程裡面有大量詳實的程式碼</li> </ul> </div>
比如我想獲取具有"螞蟻部落"這個字串的li元素,並且設定它的字型顏色。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #items{ width:900px; height:auto; margin:0 auto; padding:5px 0; clear:both; } #items ul, #items li{ list-style:none; } #items li{ width:500px; height:28px; text-align:left; padding-left: 0px; line-height:28px; border-bottom:dashed 1px #CCC; cursor:pointer; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul li:contains('螞蟻部落')").css("color","green"); }) </script> </head> <body> <div id="items"> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來</li> <li>沒有任何人一開始就是高手,必須要好好學習</li> <li>本站的url地址是softwhy.com</li> <li>每一天都是新的,所以要好好真心當前時間</li> <li>div css教程裡面有大量詳實的程式碼</li> </ul> </div> </body> </html>
上面的程式碼實現了我們的要求,程式碼非常簡單,更多內容可以參閱相關閱讀。
相關閱讀:
(1).:contains()可以參閱jQuery :contains一章節。
(2).css()可以參閱jQuery css()一章節。
相關文章
- Jquery如何獲取和設定元素內容?jQuery
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- javascript刪除具有指定文字內容的li元素JavaScript
- jQuery獲取元素內部元素和獲取內容的區別、獲得輸入框value的方法jQuery
- 利用jquery實現的向指定元素追加指定內容jQuery
- jQuery如何獲取指定元素的索引值jQuery索引
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- 使用jquery清空指定元素中的所有內容jQuery
- jquery cheerio 獲取元素文字內容,不包括後代jQuery
- jQuery獲取id屬性值具有點的元素jQuery
- jQuery獲取指定元素的父元素程式碼例項jQuery
- javascript如何獲取具有指定class屬性的元素物件JavaScript物件
- jquery實現的設定指定元素的文字內容和html內容jQueryHTML
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- jQuery刪除具有指定文字的li元素jQuery
- jQuery如何篩選具有指定文字的元素jQuery
- jQuery獲取指定的li元素程式碼例項jQuery
- jquery如何獲取大於指定索引的li元素jQuery索引
- jquery獲取指定元素下所有指定子元素的數目程式碼例項jQuery
- jQuery實現的將指定元素中的內容替換jQuery
- jQuery - 獲取內容和屬性jQuery
- jquery獲取指定li元素後面的第n個li元素jQuery
- jQuery獲取索引小於指定值的li元素集合jQuery索引
- javascript如何獲取指定元素內的所有圖片JavaScript
- jQuery 隱藏具有指定class屬性值的元素jQuery
- jQuery如何判斷元素是否具有指定的屬性jQuery
- jquery隱藏具有指定class屬性值的元素jQuery
- jquery獲取指定元素的父節點程式碼例項jQuery
- jQuery如何判斷指定元素是否具有指定的class樣式類jQuery
- JavaScript獲取指定元素的同輩元素JavaScript
- jquery獲取指定型別子元素程式碼例項jQuery型別
- jquery實現的獲取指定行列td單元格內容jQuery
- jQuery判斷元素是否具有指定的class樣式類jQuery
- jquery獲取子元素jQuery
- jquery獲取低程式碼平臺iframe巢狀的父級元素指定元素jQuery巢狀
- js如何獲取指定元素的尺寸JS
- javascript獲取li元素內容程式碼例項JavaScript
- jQuery如何實現獲取父元素下指定型別標籤的子元素集合jQuery型別