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

JQuery -隐藏始终具有相同类的父div,如果它包含另一个具有重复自身的类(包含2017 )的div

JQuery是一个流行的JavaScript库,用于简化HTML文档遍历、事件处理、动画效果等操作。它提供了丰富的API,使得开发者可以更加便捷地操作和控制网页元素。

对于隐藏始终具有相同类的父div,如果它包含另一个具有重复自身的类(包含2017)的div,可以使用JQuery的选择器和遍历方法来实现。

首先,我们可以使用JQuery的选择器来选取所有具有相同类的父div,可以使用类选择器(.class)或者属性选择器([class='classname'])来选取元素。例如,如果我们要选取所有类名为"parent"的div,可以使用以下代码:

代码语言:txt
复制
var parentDivs = $(".parent");

接下来,我们可以使用JQuery的遍历方法each()来遍历选取到的父div元素。在遍历的过程中,我们可以使用JQuery的find()方法来查找每个父div下具有重复自身类的div。例如,如果我们要查找每个父div下类名为"2017"的子div,可以使用以下代码:

代码语言:txt
复制
parentDivs.each(function() {
  var duplicateDiv = $(this).find(".2017");
  // 对找到的重复自身类的div进行操作,例如隐藏
  duplicateDiv.hide();
});

上述代码中,$(this)表示当前遍历到的父div元素,通过find(".2017")方法可以找到该父div下的类名为"2017"的子div。然后,我们可以对找到的重复自身类的div进行操作,例如隐藏。

至于推荐的腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,我无法给出具体的推荐。但是,腾讯云作为一家知名的云计算服务提供商,提供了丰富的云计算产品和解决方案,可以根据具体需求选择适合的产品和服务。

总结:使用JQuery可以通过选择器和遍历方法来隐藏始终具有相同类的父div,如果它包含另一个具有重复自身的类的div。具体实现可以使用类选择器或属性选择器选取父div,然后使用each()方法遍历父div,再使用find()方法查找重复自身类的子div,并进行相应的操作。

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

相关·内容

移除jQuery好像也没那么难

// jQuery // 隐藏所有 .box 实例 $(".box").hide(); // JavaScript // 遍历元素列表以隐藏所有 .box 实例 document.querySelectorAll...(".box").forEach(box => { box.style.display = "none" }); 在一个元素内找到另一个元素 一个常见 jQuery 模式是使用 .find() 选择一个元素内另一个元素...); // 稍后... container.querySelector(".box"); 使用 parent(), next(), 和 prev() 遍历树 如果你希望遍历 DOM 来选择相对于另一个元素兄弟或元素...#000 document.querySelector(".box").style.color = "#000"; 使用 jQuery,你可以通过传递一个包含键值对对象一次性设置多个样式。..."); 检查元素是否具有指定 如果您只想在元素具有某个时执行某些操作,可以使用 .classList.contains() 来代替 jQuery .hasClass(): // 使用 jQuery

12410
  • JQuery最全常用方法指南

    如果元素是可见,切换为隐藏如果元素是隐藏, 切换为可见。...nextAll([expr]) 取得一个包含匹配元素集合中每一个元素所有的后面同辈元素元素集合 parent([expr]) 取得一个包含着所有匹配元素唯一元素元素集合。...”) $(”div span: first - child”) 匹配元素第1个子元素 $(”div span: last - child”) 匹配元素最后1个子元素 $(”div button...,如果没有找到,则返回 - 1 jQuery.unique(array) 删除数组中所有重复元素,返回整理后数组 1、关于页面元素引用 通过jquery$()引用元素包括通过id、class、..." 12、解决自定义方法或其他库与jQuery冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他一些js库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突

    11K31

    jQuery 快速入门教程

    如果指定选择器没有匹配到任何元素,将返回一个空jQuery对象(不包含任何DOM元素)。...例如:只选取集合中符合某些条件元素,删除集合中符合某些条件元素,查找当前匹配元素子元素、元素、同辈元素、上一个元素、下一个元素等与之具有特定关系元素。...(); // 选取所有div元素所有子代元素 $("div").children("p"); // 选取所有div元素所有子代p元素 $("span").parent(); // 选取所有span元素元素...$("span").parent(".foo.bar"); // 选取所有span元素带有CSS名"foo"和"bar"元素 $("#uid").prev(); // 选取id为uid元素之前紧邻同辈元素...有些时候,我们也可能需要将jQuery对象转换DOM元素。 在此之前,我们应该先了解jQuery对象所包含DOM元素是存储在什么属性中。 实际上jQuery对象是一个数组对象。

    13.6K30

    Jump Start Bootstrap 第4章

    元素ID;最后,这些链接href应该包含panel-body元素ID。...这将是一个包含carousel-innerdiv。每个幻灯片由一个具有”item”元素定义。每个项目都必须有一个表示图像和可选文本数据。这个图像将被用作这个特殊幻灯片项目的背景。...为了给模式对话框提供一个逐渐消失效果,我们需要在这个容器中添加fade。接下来,我们定义一个包含modal-dialogdiv元素。这是负责控制模态大小。默认情况下,按屏幕大小调整大小。...如果您在浏览器中检查前面的模式对话框代码片段,则将一无所获;模式对话框是隐藏。...如果没有为modal-dialog元素提供额外默认宽度是600px。

    28.3K40

    jquery选择器用法_jQuery属性选择器

    在一个页面中,一个元素可以有多个CSS,一个CSS又可以匹配多个元素,如果有元素中有一个匹配名称就可以被选择器选取到。...简单地说名选择器就是以元素具有的CSS名称查找匹配元素。...(可以是ID选择器、元素选择器或是名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中任何一个筛选条件就会被匹配,返回是一个集合形式jQuery包装集,利用jQuery索引器可以取得集合中...selector2:另一个有效选择器,可以是ID选择器、元素选择器或名选择器等 selectorN:(可选择)任意多个选择器,可以是ID选择器、元素选择器或名选择器等...匹配ul元素中最后一个子元素li :only-child 说明:如果某个元素是元素中唯一子元素,那么将会被匹配,如果元素中含有其他元素,

    12.2K30

    Python全栈之jQuery笔记

    $("div").find("*"); 返回 所有后代 3.jQuery遍历-同胞(siblings) 同胞拥有相同元素.通过jQuery,您能够在DOM树中遍历元素同胞元素...具有 true 和 false 两个属性属性,如 checked, selected 或者 disabled 使用prop() 注意: 1.1比attr操作css操作: jQuery通过...jQuery在进行值获取时,只会返回第一个元素对应值. 1.3 操作样式名(jQuery获取并设置 CSS ): $("#div1").addClass("divClass2") //为...,那么此事件就会调用这个处理程序, 如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象级对象传播,从里到外,直至它被处理(级对象所有同类事件都将被激活), 或者到达了对象层次最顶层...://www.css88.com/doc/zeptojs_api/ zepto包含很多模块,默认下载版本包含模块有Core, Ajax, Event, Form, IE模块.如果还需要其他模块,可以自定义构建

    5.5K40

    jQuery 教程

    :focus”) 当前具有焦点元素 :contains(text) $(“:contains(‘Hello’)”) 所有包含文本 “Hello” 元素 :has(selector) $(“div:has...(p)”) 所有包含有 元素在其内 元素 :empty $(“:empty”) 所有空元素 :parent $(“:parent”) 匹配所有含有子元素或者文本元素。...独立文件中使用 jQuery 函数 如果网站包含许多页面,并且您希望您 jQuery 函数易于维护,那么请把您 jQuery 函数放到独立 .js 文件中。... 元素是 元素元素,同时是 子元素 左边 元素是 元素, 子元素,同时是 后代。...inArray() 在数组中查找指定值并返回索引值(如果没有找到,则返回-1) $.isArray() 判断指定参数是否是一个数组 $.isEmptyObject() 检查对象是否为空(不包含任何属性

    17K20

    JQuery选择器(中)

    ):选取所有该mix且具有attr属性节点 $("mix[@attr=a_value"]):选取所有该mix且具有attr属性并满足属性值为a_value节点 $("mix[@attr^=a_value_head...=a_value"]):attr属性属性值中包含a_value 7.伪选择器 具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2mix1节点.如:$("div[a]"):包含a...:选取单前节点节点 @:选取属性,这个在之前说过了(属性选择器) nodename:选取节点下所有节点 jQuery应用: 根节点是很少用到,常用的如下面的例子: $("div/p")相当于.../p"):所有div节点节点下p标签 还有相对路径写法以及支持Axis选择器,还不是会应用,不介绍了...已经一大堆了 $其他用法: $(html节点):根据提供原始HTML标记字符串,动态创建由...;如果带参数,必须是数字,基数从0开始.例子: $("div").get():返回一个div对象数组 $("div").get(1):返回第二个div对象 index(需求元素节点对象):返回数字.用个例子说明

    2K90

    jQueryaddClass、siblings、removeClass、each、html、eq、showhide用法

    所有同胞元素,也就是有相同类同胞元素。...(同胞就是拥有相同元素) $(this).removeClass(‘class’):为当前元素去除’class’,与addClass作用相反 $(this).addClass(‘class’).siblings...下级添加元素 $('.swiper-wrapper').html(str); } eq() show() hide() //index对应显示,其余隐藏 $(".tab_con .item...// 3.让下部里面相应索引号item显示,其余item隐藏 $(".tab_con .item").eq(index).show().siblings().hide...同时兄弟元素去掉on,并获取子元素.tab_menu里html内容; siblings是选择DOM下除了自身以外DOM,把他们on属性去掉,没有选择自己,自然也不会把自己on属性去掉

    1.4K30

    jQuery基础图文系列

    ) 数组或返回匹配元素集合中html内容 insertAfter() 把匹配元素插入到另一个指定元素集合后面 insertBefore() 把匹配元素插入到另一个指定元素集合签名 prepend...toggleClass() 从匹配元素中添加或删除一个 unwrap() 移除并替换指定元素元素 val() 设置或返回匹配元素值 wrap() 把匹配额元素用指定内容或元素包裹起来 wrapAll...() 把所有匹配元素用指定内容或元素包裹起来 wrapinner() 将每一个匹配元素子内容用指定内容或元素包裹起来 jQuery hide() 和 show()隐藏和显示 HTML 元素...> callback 参数 responseTxt - 包含调用成功时结果内容 statusTXT - 包含调用状态 xhr - 包含 XMLHttpRequest 对象 $("button"...$("p").remove();//删除所有p标签 查找元素 $("p").find("span")//查找p标签下span标签 显示隐藏匹配元素 $("p").show();//显示p标签 隐藏显示元素

    4.5K10

    Web前端JQuery面试题(二)

    通过jquery自身方法获取页面元素对象,就是jquery对象。...) 获取包含给定文本元素 :empty 获取所有不包含子元素或文本空元素 如: :has(selector) 获取含所选择器所有元素 :parent 获取含有子元素或文本元素...:first-child 匹配每个元素下第一个子元素 :last-child 匹配每个元素下最后一个子元素 :only-child 匹配元素中只有唯一子元素,如果元素中有多个子元素,就不会被匹配...切换样式 toggleClass(class) 如果有该类class就删除,如果没有就添加 进行方法间切换效果 删除 removeClass(class); 创建节点元素,动态创建页面元素...感谢你学习今天内容,如果你觉得这篇文章对你有帮助的话,也欢迎把分享给更多朋友,感谢。

    1.9K30

    jQuery基础系列

    ) 数组或返回匹配元素集合中html内容 insertAfter() 把匹配元素插入到另一个指定元素集合后面 insertBefore() 把匹配元素插入到另一个指定元素集合签名 prepend...toggleClass() 从匹配元素中添加或删除一个 unwrap() 移除并替换指定元素元素 val() 设置或返回匹配元素值 wrap() 把匹配额元素用指定内容或元素包裹起来 wrapAll...() 把所有匹配元素用指定内容或元素包裹起来 wrapinner() 将每一个匹配元素子内容用指定内容或元素包裹起来 jQuery hide() 和 show()隐藏和显示 HTML 元素...> callback 参数 responseTxt - 包含调用成功时结果内容 statusTXT - 包含调用状态 xhr - 包含 XMLHttpRequest 对象 $("button"...image.png 结言 好了,欢迎在留言区留言,与大家分享你经验和心得。 感谢你学习今天内容,如果你觉得这篇文章对你有帮助的话,也欢迎把分享给更多朋友,感谢。

    2.6K20

    继续死磕前端

    不要有任何心理负担,相当简单,如下: 1.选择 id 为 Ethan 元素(类比 id 选择器) $('#Ethan') 2.选择 class 为 Yan 元素(类比选择器) $('.Yan')....选择 name 属性为 yan input 元素 $('input[name=yan]') 如果元素范围太广,需要更精确一些呢?...可以使用如下过滤条件: 1.has 包含条件: $('div').has('p'); 包含 p 元素 div 元素 2.判等条件: $('div').eq(5); 第 5 个 div 元素 3.寻找条件...再看看其他操作样式名吧: // 为id为div1对象追加样式divClass2 $("#div1").addClass("divClass2") // 移除id为div1对象class名为...,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象级对象传播,从里到外,直至它被处理(级对象所有同类事件都将被激活),或者到达了对象层次最顶层

    2.8K10

    css基础

    2、clear: left;对自身起作用,一旦左边有浮动元素,即切换到下一行来保证左边元素不是浮动,依据这一点解决级塌陷问题。 思考: <!...如果没有明确设定包含容器高度情况下,它要计算内容全部高度才能确定在什么位置hidden,这样浮动元素高度就要被计算进去。这样包含容器就会被撑开,清除浮动。...定义:设置为绝对定位元素框从文档流完全删除,并相对于最近已定位祖先元素定位,如果元素没有已定位祖先元素,那么位置相对于最初包含块(即body元素)。...重点:如果级设置了position属性,例如position:relative;,那么子元素就会以左上角为原始点进行定位。...这 是一个常识性知识点,因为这是两个不同流,一个是浮动流,另一个是“定位流”。但是 relative 却可以。因为原本所占空间仍然占据文档流。

    1.6K20

    推荐十个CSS动画库

    再次提醒:整篇文章是通过手机编写,所以,如果你在电脑或平板下查看,下面的截图看起来并不友好。 1.Animista 这个站点是我不久前才发现,但是我立马爱上了她。实话说,值得被提出。...比如 如果你希望动画是持久,你可以添加infinite,这样动画将不停地重复自身。...使用一样,有自己更多,但是也扩展了些。添加vivify到元素中,而不是animated。...如果在这里都找不到你想要动画,那你在哪都找不到了。 使用方式类似animista。比如,你可以直接选择动画,然后直接从网站中获取,或者下载整个库。...如其名,CSShake包含了不同类抖动动画CSS动画库。 使用 添加shake {animation_name}到你元素中。

    1.4K30
    领券