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 () { $("#box li:contains(螞蟻部落)").css("color","green"); }) </script> </head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力才會有美好的未來</li> <li>每一天都是新的,必須要好好把握。</li> <li>沒有人一開始就是高手,必須要努力奮鬥。</li> <li>未來都是虛無縹緲的,只有當前是現實。</li> <li>分享和互助式進步的最大原動力</li> <li>螞蟻部落六</li> </ul> </body> </html>
上面的程式碼可以將含有"螞蟻部落"文字li元素的字型顏色設定為綠色。
相關閱讀:
(1).:contains選擇器可以參閱jQuery :contains一章節。
(2).css()方法可以參閱jQuery css()一章節。
相關文章
- jQuery刪除具有指定文字的li元素jQuery
- jQuery如何判斷元素是否具有指定的屬性jQuery
- jQuery如何判斷指定元素是否具有指定的class樣式類jQuery
- jquery獲取具有指定內容的元素jQuery
- jQuery匹配具有指定字元的選擇器jQuery字元
- javascript刪除具有指定文字內容的li元素JavaScript
- jQuery 隱藏具有指定class屬性值的元素jQuery
- jquery隱藏具有指定class屬性值的元素jQuery
- jquery匹配具有指定字元的選擇器功能jQuery字元
- jQuery判斷元素是否具有指定的class樣式類jQuery
- jQuery type屬性值篩選input元素jQuery
- 如何判斷元素具有指定的樣式類
- jQuery如何過濾排除指定的元素jQuery
- 點選實現選中指定元素的文字內容
- javascript如何判斷指定型別元素是否具有指定屬性JavaScript型別
- javascript如何判斷元素是否具有指定屬性JavaScript
- jQuery如何獲取指定元素的索引值jQuery索引
- jQuery 篩選方法jQuery
- javascript如何獲取具有指定class屬性的元素物件JavaScript物件
- 利用jQuery如何遍歷指定的li元素集合jQuery
- css匹配具有指定屬性值的元素CSS
- 如何利用jQuery判斷指定元素是否存在jQuery
- JavaScript如何判斷指定元素是否具有class樣式類JavaScript
- jquery如何獲取大於指定索引的li元素jQuery索引
- css實現匹配具有指定屬性的元素CSS
- jQuery通過多個屬性篩選元素程式碼例項jQuery
- jQuery 篩選&文件處理jQuery
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- jquery實現的設定指定元素的文字內容和html內容jQueryHTML
- jQuery複製指定li元素jQuery
- jQuery刪除指定子元素jQuery
- jQuery刪除指定li元素jQuery
- jQuery 移除ul下指定的li元素jQuery
- 如何利用jquery在任意指定li元素後面插入新的li元素jQuery
- 利用jQuery在指定元素中新增html元素jQueryHTML
- jQuery實現的具有淡出效果的元素刪除jQuery
- Pandas根據篩選條件對指定excel列進行篩選!神器!Excel
- 利用jquery實現的向指定元素追加指定內容jQuery