首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript/jQuery检测div是否包含不包括子项的文本

JavaScript/jQuery检测div是否包含不包括子项的文本可以通过以下方式实现:

  1. 使用JavaScript的textContent属性获取div元素的文本内容,然后使用字符串的indexOf方法查找指定的文本是否存在于该字符串中。如果返回值大于等于0,则表示文本存在于div中,否则表示文本不存在。
代码语言:javascript
复制
var div = document.getElementById("myDiv");
var text = div.textContent || div.innerText;
var searchText = "要检测的文本";
if (text.indexOf(searchText) >= 0) {
  console.log("div包含指定文本");
} else {
  console.log("div不包含指定文本");
}
  1. 使用jQuery的text方法获取div元素的文本内容,然后使用JavaScript的includes方法判断指定的文本是否存在于该字符串中。如果返回值为true,则表示文本存在于div中,否则表示文本不存在。
代码语言:javascript
复制
var div = $("#myDiv");
var text = div.text();
var searchText = "要检测的文本";
if (text.includes(searchText)) {
  console.log("div包含指定文本");
} else {
  console.log("div不包含指定文本");
}

这种方法可以用于检测div是否包含不包括子项的文本,例如在搜索功能中判断搜索结果是否包含指定的关键词。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaWeb18-jquery学习笔记(Java全栈开发)

:判断元素是否含有特定样式 filter(...):筛选出与指定表达式匹配元素集合 is(...):判断元素是否符合指定选择器 has(...):含有特定后代元素 not(...)...值'):是否含有指定class属性 // $("#b4").click(function....show(); }); is('selecter'): 是否匹配选择器表达式 // <input type="button" value=" 判断样式为hide<em>的</em><em>div</em> 下一个兄弟<em>是否</em>是span" id...可以在父元素上检测子元素获取焦点情况 blur和focusout 失去焦点 <script type="text/<em>javascript</em>" src=".....<em>不包括</em>浏览器默认<em>的</em>) 委派 live <em>jQuery</em> 给所有匹配<em>的</em>元素附加一个事件处理函数,即使这个元素是以后再添加进来<em>的</em>也有效,例如给A标签添加事件,之后再追加a标签都具有相同<em>的</em>事件。

6.8K90

一个小时学会jQuery

$(":animated") //正在执行动画效果节点 4.3、内容选择器 $("div:contains('hello')") //包含hello文本节点 $("td:empty")...//不包含子节点或者文本空节点 $("div:has(p)") //含有选择器所匹配节点 $("td:parent") //含有子节点或者文本节点 4.4、表单选择器 $("input:checked...$('li').has('ul') //包含特定后代节点 $("div").children() //div每个子节点,第一层 $("div").find("span") //查找div所有...'之间所有的父级节点,掐头去尾 $("div").siblings() //所有的同辈节点,不包括自己 4.6、属性操作 $("img").attr("src");        //返回文档中所有图像...可用值: "xml": 返回 XML 文档,可用 jQuery 处理。 "html": 返回纯文本 HTML 信息;包含script标签会在插入dom时执行。

18.5K71
  • 21.jQuery

    简介 jQuery是一个快速、简洁JavaScript框架,jQuery设计宗旨是“write Less,Do More”,即倡导写更少代码,做更多事情。...它封装JavaScript常用功能代码,提供一种简便JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。...筛选出与指定表达式匹配元素集合 is 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定表达式就返回true map...将一组元素转换成其他数组(不论是否是元素数组) has 保留包含特定后代元素,去掉那些不含有指定后代元素 not 从匹配元素集合中删除与指定表达式匹配元素 slice...; //设置p元素html内容 $('p').text();            //返回p元素文本内容 $("p").text("nick");        //设置p元素文本内容

    3K90

    JQuery基础

    学习jQuery时候,很快过了一遍,发现好多知识点不清晰。看来还是要写出来加深印象,平时多练习! jQuery是一个Javascript函数库,轻量级,“写得少,做多!”...;height: 200px;">hello jQuery click me <script type="text/<em>javascript</em>"...如: $('p').css('font-size':'10px').show().hide(); 第六部分:jQuery HTML 1.获取内容和属性 --  获取内容: text():设置或获取所选元素文本内容...5.jQuery尺寸 width()/height():设置或获取当前元素宽度/高度(不包括内边距,边框,外边距) innerWidth()/innerHeight():设置或获取当前元素宽度/高度...;   callback:可选,load()完成后执行回调函数;可设置参数:   responseTxt:包含调用成功结果内容; statusTxt:包含调用状态;"success"或"error

    4.6K51

    【一起来烧脑】读懂JQuery知识体系

    背景 在现在就业过程中,会运用JQuery是你加分项,那么什么是JQuery,嗯,jqueryJavaScript函数库,是一种轻量级JavaScript库,写得少,做多,导致jQuery有很多技术人员在使用它做项目...jQuery包含: HTML元素获取,HTML元素操作,css操作,HTML事件函数,JavaScript特效和动画,HTML dom遍历和修改,ajax,utilities。...jQuery 安装: 下载jQuery库,下载地址 production version 用于实际网站中 development version 用于测试和开发 jQuery库是一个JavaScript...获取和jQuery 设置 text()--设置或返回所选元素文本内容 html()--设置或返回元素内容(包括HTML标记) val()--设置或返回表单字段jQuery 添加元素 append...、删除类切换操作 css()--设置或返回样式属性 jQuery 尺寸 width()--设置或返回元素宽度(不包括内边距、边框或外边距) height()--设置或返回元素高度(不包括内边距

    2.6K30

    jQuery基础(五)一Ajax应用与常用插件-imooc

    对象方法  4-1 获取浏览器名称与版本信息  4-2 检测浏览器是否属于W3C盒子模型  4-3 检测对象是否为空  4-4 检测对象是否为原始对象  4-5 检测两个节点包含关系  4-6 字符串操作函数...4-2检测浏览器是否属于W3C盒子模型 浏览器盒子模型分为两类,一类为标准w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border...值,w3c盒子模型不包含,IE盒子模型则包含,而在jQuery 中,可以通过$.support.boxModel对象返回值,检测浏览器是否属于标准w3c盒子模型。...4-3检测对象是否为空 在jQuery中,可以调用名为.isEmptyObject工具函数,检测一个对象内容是否为空,如果为空,则该函数返回true,否则,返回false值,调用格式如下:.isEmptyObject...值,调用格式为:.isPlainObject (obj); 4-5检测两个节点包含关系 调用名为.contains工具函数,能检测在一个DOM节点中是否包含另外一个DOM节点,如果包含,返回true

    16.5K20

    杨老师课堂之Jquery筛选,事件,效果,Ajax,javascript跨域)

    返回值:Booleanis(expr|obj|ele|fn),根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定表达式就返回true。...map(callback),将一组元素转换成其他数组(不论是否是元素数组) has(expr|ele),保留包含特定后代元素,去掉那些不含有指定后代元素。...parent([expr]),取得一个包含着所有匹配元素唯一父元素元素集合 parents([expr]),取得一个包含着所有匹配元素祖先元素元素集合(不包含根元素)。...map(callback),将一组元素转换成其他数组(不论是否是元素数组) has(expr|ele),保留包含特定后代元素,去掉那些不含有指定后代元素。...可以在父元素上检测子元素获取焦点情况。

    8.3K20

    jQuery中常用函数和属性详细解析

    contains(str)匹配集合中包含str这个变量文本元素集合,返回匹配元素集合 end()用于返回到调用find() 或 parents() 函数(或者其它遍历函数)之前 jQuery 对象...可选过滤器将使这个方法只匹配符合元素(只包括元素节点,不包括文本节点)。...contents( ) 取得一个包含匹配元素集合中每一个元素所有子孙节点集合(只包括元素节点,不包括文本节点),如果元素为iframe,则取得其中文档元素 find( expr ) 搜索所有与指定表达式匹配元素...JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器版本信息 jQuery.boxModel 检测用户浏览器针对当前页显示是否基于...W3C CSS盒模型 jQuery.isFunction( obj ) 检测传递参数是否为function function stub() { } var objs = [ function ()

    2.6K10

    jQuery学习笔记

    :contains(text) 选取包含text文本内容元素;区分大小写 :empty 选取不含子元素或者文本节点空元素 :has(selector) 选取含有选择器所匹配元素元素 :parent...结束所有元素 [attribute *= value] 选取属性值包含value所有元素 表单过滤选择器 表单属性过滤选择器 jQuery效果 隐藏和显示 (hide/show) <!...100% 完成之后执行 jQuery DOM 获取/设置内容 text() 设置/返回所选元素文本内容[原型:innerhtml] html() 设置/返回所选元素内容(含HTML标签) val(...+Padding;不包括边框、外边距) outerWidth()/outerHeight() 设置/返回元素宽度/高度(Content+Padding+Border;不包括外边距) jQuery 遍历...,指定索引) filter()返回可匹配所有元素 not() 返回不匹配所有元素 jQuery AJAX AJAX AJAX = 异步JavaScript + XML 在不重载网页情况下

    7.4K30

    jQuery动画与ajax

    Jquery中$(document).ready()作用类似于传统JavaScriptwindow.onload方法,不过与window.onload方法还是有区别的。...$node.text()得到匹配元素集合中每个元素文本内容,包括他们后代,或设置匹配元素集合中每个元素文本内容为指定文本内容。....data( key, value ) /*key,类型: String,一个字符串,用户存储数据名称。 value,数据值,它可以是任意Javascript数据类型,除了undefined。...9.在$ct里设置 html $ct.html('') 10.获取、设置$node 宽度、高度(分别不包括内边距...、包括内边距、包括边框、包括外边距) $node.width();//不包括内边距宽度,仅包括内容 $node.height();//不包括内边距高度,仅包括内容 $node.innerWidth();

    2.8K30

    前端基础知识整理

    属性值 值 描述 button 定义可点击按钮(通常与 JavaScript 一起使用来启动脚本)。...1 clip 剪裁绝对定位元素 2 cursor 规定要显示光标的类型(形状) 2 display 规定元素应该生成类型 1 float 规定框是否应该浮动 1 left 设置定位元素左外边距边界与其包含块左边界之间偏移...2 visibility 规定元素是否可见 2 z-index 设置元素堆叠顺序 2 文本(Text) 属性 属性 说明 CSS color 设置文本颜色 1 direction 规定文本方向...3 text-overflow 指定当文本溢出包含元素,应该发生什么 3 text-shadow 为文本添加阴影 3 text-wrap 指定文本换行规则 3 word-break 指定非CJK文字断行规则...3 word-wrap 设置浏览器是否对过长单词进行换行。

    3.2K20

    从零开始学 Web 之 jQuery(二)获取和操作元素属性

    .text() ,如果括号中没有值的话,是获取文本内容;如果有值的话,就是设置文本内容。...2、 $("p") 是获取所有的 p 标签,然后全部设置文本内容,我们并没有循环设置,但是全部 p 标签文本内容都改变了,这是 jQuery 内部自动循环了,这就是隐式迭代。...PS:jQuery中使用 jQuery对象.css("属性":"值"); 方式设置标签样式。 4、并集选择器 语法:$("div,p,span"),中间使用逗号隔开。...text(); // 获取或设置标签文本内容----相当于DOM中innerText html(); // 获取或设置标签html内容----相当于DOM中innerHTML 6、后代(层次)选择器...语法:$("div ul span") 选择 div 下面所有 ul 下所有的 span 标签,不包括 div 下面的 span,必须在 ul 里面。

    1.8K40

    day40_jQuery学习笔记_01

    1.2、当前流行 JavaScript 库有: jQuery,最流行 EXT_JS,版本2.0以后开始收费(不包括版本2.0)。 Dojo,有很多js单独文件,需要导入很多js文件,速度慢。...包含inputtype为"hidden"div          正在执行动画span...示例动图如下: 3.4、内容过滤选择器 详解如下: :empty          当前元素是否为空(即是否有标签体,标签体包括子元素或文本) :has(selector)  当前元素是否含有指定子元素...:parent         当前元素是否是父元素(不常用) :contains(text) 标签体是否含有指定文本(更不常用) 示例代码如下: 04-内容过滤选择器.html  换句话说自己元素是否为空             $("#btn2"

    6.6K20

    最新jquery+easyui_api培训文档

    字符串 基础数据字段名称绑定到这个组合框 text editable 布尔 定义是否可以直接到文本域中键入文本 true url 字符串 加载列表数据远程URL null 3.3 事件 事件名...validate none 做验证以确定文本内容是否是有效。...数组 定义自定义按钮,每个按钮包含两个属性:iconCls: 显示背景图像CSS类 handler: 当一个按钮被点击时处理函数 null showPageList 布尔 定义是否显示页面列表 true...false Window也重写了Panel里一些属性 属性名 类型 描述 默认值 title 字符串 窗口标题文本 New Window collapsible 布尔 定义是否显示可折叠定义按钮...,该节点参数包含以下属性: id:节点ID text:节点文本 attributes:节点自定义属性 target:点击DOM对象目标 onDblClick node 用户双击一个节点时触发,参数同

    3.2K40
    领券