【问题标题】:Looking for a ":" with queryselector returns a error使用 queryselector 查找“:”会返回错误
【发布时间】:2019-03-26 23:23:12
【问题描述】:

每次我查找 : 时,它都会在我的控制台中返回一个错误

这是部分代码

div id="Meating1 S8:30 tot E10:00 "
div id="Meating2 S10:10 tot E10:20 "
div id="Meating3 S10:30 tot E11:00 "
ect...

我想突出显示当前处于活动状态的那个,所以我这样做了

Lookfordiv="[id*=E"+Our+":"+Min+"]"; 
returndiv=Day.querySelector(Lookfordiv).id;

(如果它返回“null”,它将执行 time++;)

完全错误:

未捕获的 DOMException:无法对“元素”执行“querySelector”:“[id*=E10:47]”不是有效的选择器。

【问题讨论】:

  • [id*="E10:47"]
  • 冒号是 CSS 选择器中的一个特殊字符,表示一个伪类。因此,如上所述,您必须对其进行转义或将其括在引号中

标签: javascript html css css-selectors


【解决方案1】:

根据MDN Reference,冒号必须用双反斜杠转义

Lookfordiv="[id*=E"+Our+"\\:"+Min+"]"; 

【讨论】:

    猜你喜欢
    • 2014-11-21
    • 2014-08-28
    • 1970-01-01
    • 2018-11-12
    • 1970-01-01
    • 1970-01-01
    • 2018-12-28
    • 1970-01-01
    • 2014-09-10
    相关资源
    最近更新 更多