如何选择类型中有破折号的 HTML 元素

【问题标题】：How to select HTML elements whose type has a dash in them如何选择类型中有破折号的 HTML 元素
【发布时间】：2015-12-09 13:42:21
【问题描述】：

$('foo\\-bar') 有效。

我想做$('foo\\-bar', '<foo-bar>foobar</foo-bar>')，但这行不通。为什么？以及如何在我的字符串中选择所有foo-bar 标签？

【问题讨论】：

【解决方案1】：

你不需要逃避破折号。只需使用

$("foo-bar")

或

document.querySelector("foo-bar")

$('foo\\-bar', '<foo-bar>foobar</foo-bar>') 不起作用，因为上下文（第二个参数）也是上下文中的根元素，这就是为什么 foo-bar 不能作为上下文元素/字符串的子元素找到的原因。

另一方面，这将起作用：

$("foo-bar", "<div><foo-bar></foo-bar></div>")

【讨论】：