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

JQuery:如果元素不包含指定的单词,如何按类删除元素?

在jQuery中,可以使用.not()方法来删除不包含指定单词的元素。

具体步骤如下:

  1. 使用选择器选择所有需要筛选的元素,例如$('.myClass')选择所有类名为"myClass"的元素。
  2. 使用.not()方法,并传入一个选择器作为参数,该选择器用于筛选不包含指定单词的元素。例如,如果要删除不包含单词"example"的元素,可以使用$('.myClass').not(':contains("example")')
  3. 最后,使用.remove()方法来删除筛选后的元素。完整的代码如下:
代码语言:txt
复制
$('.myClass').not(':contains("example")').remove();

这样,所有类名为"myClass"且不包含单词"example"的元素都会被删除。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)

  • 产品介绍链接地址:https://cloud.tencent.com/product/cvm
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery选择器和选取方法

first()返回jQuery对象仅包含选中元素第一个,last()返回jQuery对象则只 包含最后一个元素。更通用是,eq()方法返回物Query对象只包含指定序号单个选中元素。...如果传递jQuery对象、元素数组或单一元素给not(),它会返回除了显式排除元素之外所有选中元素。...如果传递 判断函数给not(),该判断函数调用就与在filter()中一样,只是返回jQuery对象仅包含那些使得判断函数返回false或其他假值 素: $("div").not("#header...如果传入选择器,has()会返回一个新jQuery对象,仅包含有子孙元素匹配该选择器选中元素。...它会在每一个当前选中元素子孙元素中寻找与指定选择器字符串匹配元素,然后它返回一个新 jQuery对象来代表所匹配子孙元素集。注意这些新选中元素不会并入已存在选中元素集中。

5.1K40

jquery 使用方法

退回到选中所有的h3元素那一步 6 .eq(0)//选中第一个h3元素 7 .html('World'); //将它内容改为World 四、元素操作:取值和赋值 操作网页元素,最常见需求是取得它们值....val() 取出或设置html内容 取出某个表单元素值 需要注意是,如果结果集包含多个元素,那么赋值时候,将对其中所有的元素赋值;取值时候,则是只取出第一个元素值(.text(...删除元素使用.remove()和.detach()。两者区别在于,前者不保留被删除元素事件,后者保留,有利于重新插入文档时使用。 清空元素内容(但是不删除元素)使用.empty()。...) 子元素获得焦点 7 .focusout() 子元素失去焦点 8 .hover() 同时为mouseenter和mouseleave事件指定处理函数 9 .keydown() 下键盘...() 下鼠标 14 .mouseenter() 鼠标进入(进入子元素不触发) 15 .mouseleave() 鼠标离开(离开子元素不触发) 16 .mousemove() 鼠标在元素内部移动

1.6K10

jQuery设计思想

/找到div元素    .find('h3') //选择其中h3元素    .eq(2) //选择第3个h3元素    .html('Hello'); //将它内容改为Hello 这是jQuery.../退回到选中所有的h3元素那一步    .eq(0) //选中第一个h3元素    .html('World'); //将它内容改为World 四、元素操作:取值和赋值 操作网页元素,最常见需求是取得它们值...() 取出或设置某个元素高度 .val() 取出某个表单元素值 需要注意是,如果结果集包含多个元素,那么赋值时候,将对其中所有的元素赋值;取值时候,则是只取出第一个元素值(.text...() 子元素失去焦点 .hover() 同时为mouseenter和mouseleave事件指定处理函数 .keydown() 下键盘(长时间按键,只返回一个事件) .keypress(...) 下键盘(长时间按键,将返回多个事件) .keyup() 松开键盘 .load() 元素加载完毕 .mousedown() 下鼠标 .mouseenter() 鼠标进入(进入子元素不触发

2.2K60

继续死磕前端

.选择 name 属性为 yan input 元素 $('input[name=yan]') 如果元素范围太广,需要更精确一些呢?...可以使用如下过滤条件: 1.has 包含条件: $('div').has('p'); 包含 p 元素 div 元素 2.判等条件: $('div').eq(5); 第 5 个 div 元素 3.寻找条件...$('#box').next(); 已经知道了如何定位某个元素,那么如何定位一个精确集合呢?...() //跳到ul元素,也就是id为div1元素 .siblings() //跳到div1元素平级所有兄弟元素 .children('ul') //这些兄弟元素ul子元素 .slideUp...6. mouseenter() 鼠标进入(进入子元素不触发) 7. mouseleave() 鼠标离开(离开子元素不触发) 8. hover() 同时为mouseenter和mouseleave事件指定处理函数

2.8K10

JavaScript学习笔记(四)—— jQuery入门

1. jQuery选择器 - 选择器都是以 $() 开头 基础选择器 选择器 描述 id选择器 指定id元素 class选择器 遍历css元素 element元素 遍历HTML元素 *选择器 遍历所有元素...=value] 匹配给定元素不包含某个特定值元素 $(“input[name!...” visiblity:hidden 内容伪选择器 根据元素文字内容或所包含元素特征来选择元素 选择器 说明 :contains(text) 选择包含给定文本内容元素 :has(selector...) 选择包含选择器所匹配元素元素 :empty 选择所有不包含元素或者不包含文本元素 :parent 选择含有子元素或者文本元素 $("div:contains('刘...如果要改变,需要将元素position属性设置成relative、fixed或absolute; 累积动画 jQuery为用户提供了针对动画队列功能,用户可以编写多个animate方法,jQuery

11.2K50

前端之jquery函数库

//选择id为为ul1元素所有li下span元素 $('input[name=first]') // 选择name属性等于firstinput元素 对选择集进行过滤 $('div').has(...'p'); // 选择包含p元素div元素 $('div').not('.myClass'); //选择class不等于myClassdiv元素 $('div').eq(5); //选择第6个div...() //跳到ul元素,也就是id为div1元素 .siblings() //跳到div1元素平级所有兄弟元素 .children('ul') //这些兄弟元素ul子元素 .slideUp...) mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave事件指定处理函数 ready...4、before()和insertBefore():在现存元素外部,从前面放入元素 删除标签 $('#div1').remove(); javascript对象   javascript中对象,可以理解成是一个键值对集合

5.2K20

jQuery(选择器)

$("标签名称");jquery对象集合,如果选择结果只有一个,那么是当前对象 选择器 $(".名"); jQuery对象集合,名是在css中定义 并集选择器 $("selector1seletor2...选择满足选择器1元素后面的满足选择器2元素 注意:只能选择相邻后面的一个 同辈元素选择器 $("选择器1~s选择器2"); 选择选择器1元素之后同辈元素, 并且同辈元素满足选择器2要求 注意:前面的同辈元素是不会被选择...(被选择元素不只一个) 属性过滤选择器(*) $(选择器[attributeName^|$|*='']) 在选择器基础上, 对属性进行选择=代表属性值必须和'指定值'一致; ^=属性以指定值开头;...$=属性以'指定值'结尾; *=属性值中包含有'指定值'; [attributeName='指定值'] 获取相应属性值为指定元素; [attributeName^='指定值'] 获取相应属性值以指定值开头元素...only-child 唯一一个子元素; 注意:如果元素中含有其他元素,那将不会被匹配。

1.5K10

JQuery

1显示隐藏功能 但凡有两个函数完成功能是相反,比如一个显示一个隐藏,那么肯定会有第三个函数效果是前两个函数和。也就是说两个单词是反义词,那么肯定会有第三个单词,而且都和toggle有关。...***获取指定元素下标 -----index() <!...***添加删除 .addClass()添加 .removeClass()删除 删除了class=“xx”中名xx,而不会删除class。删除完之后是class。...class中可以添加多个。 class=“aa bb cc”如果括号里面不填名,会删除所有名,如果填了名,就删除指定名。 toggleClass() <!...和mouseleave事件指定处理函数 mouseover()鼠标进入(进入子元素也触发) mouseout()鼠标离开(离开子元素也触发) mouseenter()鼠标进入(进入子元素不触发) mouseleave

7.7K20

C++系列笔记(十)

包含对象list进行排序以及删除其中元素   如果list元素类型为,而不是int等简单内置类型,如何对其进行排序呢?...假设有一个包含地址簿条目的list,其中每个元素都是一个对象,包含姓名、地址等内容,如何确保姓名对其进行排序呢?答案是采取下面两种方式之一: 在list包含对象所属中,实现运算符<。...要使用std::set或set::multiset,需要包含头文件:位于set中特定位置元素不能替换为值不同元素,这是因为set将把新元素同二叉树中其他元素进行比较,进而将其放在其他位置。...鉴于set和multiset都是在插入时对元素进行排序容器,如果您没有指定排序标准,它们将使用默认谓词std::less,确保包含元素升序排列。...(key); erase函数另一个版本接受一个迭代器作为参数,并删除该迭代器指向元素:setObeject.erase(iElement); 通过使用迭代器指定边界,可将指定范围内所有元素都从set

48920

JQuery最全常用方法指南

,则触发指定第一个函数,当再次点击同一元素时,则触发指定第二个函数。...contents() 取得一个包含匹配元素集合中每一个元素所有子孙节点集合(只包括元素节点,不 包括文本节点),如果元素为iframe,则取得其中文档元素 find(expr) 搜索所有与指定表达式匹配元素....innerHTML; 3、如何获取jQuery集合某一项 对于获取元素集合,获取其中某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回jquery对象,而...与$(fn)等价 (3)toggle(evenFn, oddFn): 每次点击时切换要调用函数。如果点击了一个匹配元素,则触发指定第一个函数,当再次点击同一元素时,则触发指定第二个函数。..." 12、解决自定义方法或其他库与jQuery冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他一些js库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突

10.9K31

看不完那种!前端170面试题+答案学习整理(良心制作)

如何使用jquery来选择它们 可以使用标签选择器来选择所有的div元素,$("div")会返回一个包含5个div标签jQuery对象。...全局属性:用于任何HTML5元素属性 accesskey:设置快捷键 class:为元素设置标识 contenteditable:指定元素内容是否可编辑 contextmenu:自定义鼠标右键弹出上下文菜单内容...BFC 类似一个“结界”,如果一个 DOM 元素具有 BFC,那么它内部元素不会影响外面的元素;外面的元素也不会影响到其内部元素。...image 112.jquery中是如何操作 用addClass()来追加,用removeClass()来删除,用toggle()来切换。...如何删除属性 jquery中可以用attr()方法来获取和设置元素属性,可以用removeAttr()方法来删除元素属性。

11.5K50

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

"); 给某元素设置内容 $("元素名称").removeAttr("属性名称") 给某元素删除指定属性以及该属性值 $("元素名称").removeClass("class") 给某元素删除指定样式...如果是则返回true,否则返回false next(expr)//取得一个包含匹配元素集合中每一个元素紧邻后面兄弟元素集合。...,分别是: jQuery.extend(object) 为扩展jQuery本身.为添加新方法。...b指向"bar" } ).trigger("click", ["foo", "bar"]); toggle( fn, fn ) 如果点击了一个匹配元素,则触发指定第一个函数,当再次点击同一元素时,则触发指定第二个函数...contents( ) 取得一个包含匹配元素集合中每一个元素所有子孙节点集合(只包括元素节点,不包括文本节点),如果元素为iframe,则取得其中文档元素 find( expr ) 搜索所有与指定表达式匹配元素

2.5K10

Python全栈之jQuery笔记

$("#id名") 获取指定ID元素 选择器 $(".class名") 获取同一class元素 标签选择器 $("标签名")...attr()函数执行结果: 1.如果有相应属性,返回指定属性值. 2.如果没有相应属性,返回值是undefined..../prepend 是在选择元素内部嵌入;after/before 是在元素外面追加. appendTo prependTo 3.清空节点与删除节点: empty: 清空指定节点所有元素,自身保留(清理门户...鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发...://www.css88.com/doc/zeptojs_api/ zepto包含很多模块,默认下载版本包含模块有Core, Ajax, Event, Form, IE模块.如果还需要其他模块,可以自定义构建

5.4K40

前端系列 |原生JS和jQuery循环遍历函数

DOM对象和jQuery对象如何互相转换? 首先,先说一下DOM对象和jQuery对象如何转换?这样原生JS和jQuery方法,我们就可以随意使用了。...every() 方法使用指定函数检测数组中所有元素如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余元素不会再进行检测。 如果所有元素都满足条件,则返回 true。...some() 方法会依次执行数组每个元素如果有一个元素满足条件,则表达式返回true , 剩余元素不会再执行检测。 如果没有满足条件元素,则返回false。...,新数组中元素是通过检查指定数组中符合条件所有元素。...var result = $("div").filter(".cls"); //返回名是clsdiv元素 console.log(result); //结果为:名为clsdiv元素

6.7K20

前端中那些让你头疼英文单词

话不多说,干货奉上,当然有错误或者不全地方,大家要多包含,可以在后台给我留言,谢谢大家。...高级 ---- show 显示 hide 隐藏 toggle 触发 (在jQuery中,但凡是有两个功能效果是相反,肯定会有第三个功能,这个功能会集成那两个功能,这个功能名称单词中肯定会有toggle...子级 addClass 添加 removeClass删除 hover 鼠标滑过 eq 找下标 animate 自定义动画函数 slideUp 隐藏(向上滑,就是把东西收起来,就隐藏了) slideDown...,工作中常用是hover return false 可以拒绝提交 event.defaultPrevent() 也可以拒绝提交 上面的这些单词如果哪一个忘记了具体功能,可以点击链接查看详细介绍:JQuery...before 给前面新增节点 insertBefore 给指定父级前面新增节点 empty 清空节点 remove 删除节点 allow允许 上面的单词如果你哪一个忘记了具体功能,不要怕,仍旧是老规矩

2.3K20

C#3.0新增功能09 LINQ 标准查询运算符 04 运算

返回序列包含输入序列唯一元素。 ? Except 下图演示 Enumerable.Except 行为。 返回序列只包含位于第一个输入序列但不位于第二个输入序列元素。 ?...相交 下图演示 Enumerable.Intersect 行为。 返回序列包含两个输入序列共有的元素。 ? 联合 下图演示对两个字符序列执行联合操作。 返回序列包含两个输入序列唯一元素。...03 筛选数据 筛选是指将结果集限制为仅包含满足指定条件元素操作。 它也称为选定内容。 下图演示了对字符序列进行筛选结果。 筛选操作谓词指定字符必须为“A”。 ?...Enumerable.FirstQueryable.First FirstOrDefault 返回集合第一个元素或满足条件第一个元素如果此类元素不存在,则返回默认值。 不适用。...Enumerable.LastQueryable.Last LastOrDefault 返回集合最后一个元素或满足条件最后一个元素如果此类元素不存在,则返回默认值。 不适用。

9.6K20

Lambda表达式用法超详细整理!!!

如果lambda函数体包含任何一个单一return语句之外内容,且未指定返回类型,则返回void 向lambda传递参数 与一个普通函数调用类似,调用一个lambda时给定实参被用来初始化lambda...如果这样元素不存在,则返回words.end()一个拷贝 我们可以使用find_if返回迭代器来计算从它开始到words末尾一共有多少个元素。...//再删除重复元素之前,需要先进行排序 sort(words.begin(), words.end()); //把重复元素移到尾部 auto new_end = unique(words.begin...函数体内可以使用Lambda所在成员变量。 5、a。将a值进行传递。值进行传递时,函数体内不能修改传递进来a拷贝,因为默认情况下函数是const。...lambda返回类型 默认情况下,如果一个lambda体包含return之外任何语句,则编译器假定此lambda返回void.

73230

第73天:jQuery基本动画总结

1、jQuery中隐藏元素hide方法 让页面上元素不可见,一般可以通过设置cssdisplay为none属性。...将不同动画串联在一起顺序排列执行是非常有用。...简单来说可以这3种情况 - .stop(); 停止当前动画,点击在暂停处继续开始 - .stop(true); 如果同一元素调用多个动画方法,尚未被执行动画被放置在元素效果队列中。...如果clearQueue参数提供true值,那么在队列中动画其余被删除并永远不会运行 - .stop(true,true); 当前动画将停止,但该元素 CSS 属性会被立刻修改成动画目标值 简单说...如果反过来,已知元素如何在合集中找到对应索引呢? .index()方法,从匹配元素中搜索给定元素索引值,从0开始计数。

3.2K10

前端编码规范

,通过-分离 .like-button .search-form .article-card Elements (Element 是 Components 中元素) 名尽可能仅有一个单词 多个单词应直接连接...All Rights Reserved. */ 命名 变量 驼峰命名法 私有属性变量方法 _开头 常量 全部字母大写, _分隔 函数及函数参数 驼峰命名法 单词首字母大写, 方法及属性 驼峰命名法...枚举变量 单词首字母大写, 枚举属性 全部字母大写, _分隔 多个单词组成缩写词, 在命名中, 根据当前命名法和出现位置, 所有字母大小写与首字母大小写保持一致 命名词法 名 使用名词 function...二及三操作符始终写在前一行 三操作符替代if...else && || 设置默认值和替代多个if嵌套判断 正则表达式 仅准用.test()和.exec()。...如果需要,对事件使用自定义 namespace,这样容易解绑特定事件,而不会影响到此 DOM 元素其他事件监听; 对 Ajax 加载 DOM 元素绑定事件时尽量使用事件委托。

1.8K71

JQuery

jquery选择器 jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。...') //选择id为为ul1元素所有li下span元素 $('input[name=first]') // 选择name属性等于firstinput元素 对选择集进行过滤 $('div').has...('p'); // 选择包含p元素div元素 $('div').not('.myClass'); //选择class不等于myClassdiv元素 $('div').eq(5); //选择第6个...) 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover...()和insertAfter():在现存元素外部,从后面放入元素 before()和insertBefore():在现存元素外部,从前面放入元素 删除节点:remove()或empty() $

94921
领券