jQuery中内容过滤器的简单使用示例

本文说明了jQuery中内容过滤器的简单用法。分享给大家参考，如下：

一个介绍

内容过滤器是根据DOM元素中包含的文本内容以及它们是否包含匹配的元素进行过滤。有四种内容过滤器：contains(文本)、empty、has(选择器)和：parent4，如下表所示。

筛选器描述示例contains(text)匹配元素$(' li: contains(' DOM '))//将li元素与“DOM”文本内容匹配：empty匹配所有空元素$ ('$('td:empty')///匹配不包含子元素的单元格：has(选择器)或文本匹配元素$(' TD 3360 has(p)')//匹配表的单元格中带有p标记的单元格：parent匹配元素$ ('td3360 parent ')

应用内容筛选器以匹配空单元格、非空单元格和包含指定文本的单元格

三个代码

Script language=' JavaScript ' src=' http : js/jquery-3 . 1 . 1 . min . js '/Script表宽=' 98% '边框=' 0' align=' center '单元格填充=' 0 '单元格间距=' 1' bgcolor=' # 3f873b' tr TD宽度=' 11% '高度=' 27 '数字/Td td宽度='14% '祈福对象/Td宽度='12% '祈福人/td宽度='33/TD TD 2011-07-05 13:06336006/TD/tr TD height=' 27 ' 1/TD tdwgh/TD tddad/TD TD祝你健康快乐成长！/TD TD TD 2011-07-05 13:06336006/TD/TR TD身高=' 27' 1/TD TD花花/td tdwgh/td td祝你健康快乐成长！/TD TD TD 2011-07-05 13:06336006/TD/TR TD Height=' 27 ' 1/TD TD TD Branch/TD TDWGH/TD TD/TD TD 2011-07-05 13:06/TD/TR/Table Script Type=JavaScript ' $(文档)。ready(function(){ $(' TD : parent ')。css('背景色'，' # E8F3D 1 ')；//设置背景色$('td:empty ')。非空单元格的html(“目前没有内容”)；//添加默认内容$ ('td:contains ('wgh ')')。CSS ('color '，' red ')到空单元格；//将包含文字wgh的单元格的文字颜色设置为红色})；/script四个运行结果

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery表格(table)操作技巧汇总》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》、0103010。

希望本文对大家的jQuery程序设计有所帮助。