pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

我可以在 queryselector() 中為 CONTAINS 使用屬性選擇

Can I use an attribute selector for CONTAINS in queryselector()?(我可以在 queryselector() 中為 CONTAINS 使用屬性選擇器嗎?)
本文介紹了我可以在 queryselector() 中為 CONTAINS 使用屬性選擇器嗎?的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

問題描述

我想根據 href 屬性的子字符串選擇一個元素.

我最近發布了一個問題,我收到了一個基于開始于"的答案:

document.querySelector('#utility-menu a[href^="/email_check?lang="').textContent.trim();

但實際上,從一個頁面到另一個頁面的唯一常量是 href 屬性中的 "lang=".所以 /email_check? 是特定于頁面的,所以我不能在所有頁面上使用這個變量.

是否可以修改我的選擇器以返回任何 <a> 元素的 textContent,其中包含子字符串 "lang="?

解決方案

所有 CSS 選擇器都記錄在 MDN 并在 W3C CSSWG 選擇器級別 4 概述中指定1 (存檔鏈接).

你需要的是

#utility-menu a[href*="lang="]

<塊引用>

<頭>
模式代表
E[foo*=bar"]一個 E 元素,其 foo 屬性值包含子字符串 bar.


1:CSSWG 目前的 CSS 選擇器模塊工作是選擇器級別 4.并非所有瀏覽器都支持其所有功能.4 級草案包括從 1 級到 4 級的所有內容.觀看級別"表列.今天的瀏覽器至少支持 Level 3,但請查看 兼容性表在 MDN 上確定.

I would like to select an element based on a substring of href attribute.

I posted a question recently where I received an answer based on "starts with":

document.querySelector('#utility-menu a[href^="/email_check?lang="').textContent.trim();

But actually, the only constant from page to page will be "lang=" within the href attribute. So /email_check? is page specific so I cannot use this variable on al pages.

Is it possible to modify my selector to return the textContent of any <a> element with the substring "lang=" within it?

解決方案

All CSS selectors are documented on MDN and specified in the W3C CSSWG Selectors Level 4 overview1 (Archived link).

The one you need is

#utility-menu a[href*="lang="]

Pattern Represents
E[foo*="bar"] An E element whose foo attribute value contains the substring bar.


1: The CSSWG’s current work of the CSS Selectors Module is Selectors Level 4. Not all of its features are supported in all browsers. The Level 4 draft includes everything from Level 1 to Level 4. Watch the "Level" table column. Today’s browsers support at least up to Level 3, but check the compatibility tables on MDN to be sure.

這篇關于我可以在 queryselector() 中為 CONTAINS 使用屬性選擇器嗎?的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!

【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

相關文檔推薦

Style every third element?(每隔三個元素設置樣式?)
Why shouldn#39;t I use ID selectors in CSS?(為什么我不應該在 CSS 中使用 ID 選擇器?)
What does img[class*=quot;alignquot;] mean in CSS?(CSS 中的 img[class*=“align] 是什么意思?)
CSS: Last element on line(CSS:最后一個元素)
How do I select every other div class element using just CSS (no js)(如何僅使用 CSS(無 js)選擇所有其他 div 類元素)
Tool for checking unused CSS selectors?(檢查未使用的 CSS 選擇器的工具?)
主站蜘蛛池模板: 深圳3D打印服务-3D打印加工-手板模型加工厂-悟空打印坊 | 光环国际-新三板公司_股票代码:838504 | 14米地磅厂家价价格,150吨地磅厂家价格-百科 | 万家财经_财经新闻_在线财经资讯网 | 武汉高温老化房,恒温恒湿试验箱,冷热冲击试验箱-武汉安德信检测设备有限公司 | 变位机,焊接变位机,焊接变位器,小型变位机,小型焊接变位机-济南上弘机电设备有限公司 | 网优资讯-为循环资源、大宗商品、工业服务提供资讯与行情分析的数据服务平台 | 粘度计NDJ-5S,粘度计NDJ-8S,越平水分测定仪-上海右一仪器有限公司 | 定做大型恒温循环水浴槽-工业用不锈钢恒温水箱-大容量低温恒温水槽-常州精达仪器 | 杭州翻译公司_驾照翻译_专业人工翻译-杭州以琳翻译有限公司官网 组织研磨机-高通量组织研磨仪-实验室多样品组织研磨机-东方天净 | 本安接线盒-本安电路用接线盒-本安分线盒-矿用电话接线盒-JHH生产厂家-宁波龙亿电子科技有限公司 | 商标转让-购买商标专业|放心的商标交易网-蜀易标商标网 | 电机保护器-电动机综合保护器-浙江开民 | 热熔胶网膜|pes热熔网膜价格|eva热熔胶膜|热熔胶膜|tpu热熔胶膜厂家-苏州惠洋胶粘制品有限公司 | 不锈钢丸厂家,铝丸,铸钢丸-淄博智源铸造材料有限公司 | 北京晚会活动策划|北京节目录制后期剪辑|北京演播厅出租租赁-北京龙视星光文化传媒有限公司 | 硬齿面减速机_厂家-山东安吉富传动设备股份有限公司 | 家用净水器代理批发加盟_净水机招商代理_全屋净水器定制品牌_【劳伦斯官网】 | 小型UV打印机-UV平板打印机-大型uv打印机-UV打印机源头厂家 |松普集团 | PE一体化污水处理设备_地埋式生活污水净化槽定制厂家-岩康塑业 | 云南标线|昆明划线|道路标线|交通标线-就选云南云路施工公司-云南云路科技有限公司 | 中式装修设计_室内中式装修_【云臻轩】中式设计机构 | 河南橡胶接头厂家,河南波纹补偿器厂家,河南可曲挠橡胶软连接,河南套筒补偿器厂家-河南正大阀门 | 辐射仪|辐射检测仪|辐射巡测仪|个人剂量报警仪|表面污染检测仪|辐射报警仪|辐射防护网 | 电镀整流器_微弧氧化电源_高频电解电源_微弧氧化设备厂家_深圳开瑞节能 | 裹包机|裹膜机|缠膜机|绕膜机-上海晏陵智能设备有限公司 | SMC-SMC电磁阀-日本SMC气缸-SMC气动元件展示网 | 超声波流量计_流量标准装置生产厂家 _河南盛天精密测控 | 铝机箱_铝外壳加工_铝外壳厂家_CNC散热器加工-惠州市铂源五金制品有限公司 | 精雕机-火花机-精雕机 cnc-高速精雕机-电火花机-广东鼎拓机械科技有限公司 | 福建自考_福建自学考试网 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 自动检重秤-动态称重机-重量分选秤-苏州金钻称重设备系统开发有限公司 | 螺杆式冷水机-低温冷水机厂家-冷冻机-风冷式-水冷式冷水机-上海祝松机械有限公司 | 厚壁钢管-厚壁无缝钢管-小口径厚壁钢管-大口径厚壁钢管 - 聊城宽达钢管有限公司 | 不锈钢电动球阀_气动高压闸阀_旋塞疏水调节阀_全立阀门-来自温州工业阀门巨头企业 | 电线电缆厂家|沈阳电缆厂|电线厂|沈阳英联塑力线缆有限公司 | 100_150_200_250_300_350_400公斤压力空气压缩机-舰艇航天配套厂家 | 长城人品牌官网| 无机纤维喷涂棉-喷涂棉施工工程-山东华泉建筑工程有限公司▲ | 无线遥控更衣吊篮_IC卡更衣吊篮_电动更衣吊篮配件_煤矿更衣吊篮-力得电子 |