带空格的类的 querySelector 语法答案

【问题标题】：querySelector syntax for class with space带空格的类的 querySelector 语法
【发布时间】：2019-01-27 17:32:06
【问题描述】：

我试图在 jQuery 中引用我之前在页面中保存的元素。我有一个元素，例如

<span id="myId" class="super-span super">CONTENT</span>

当我保存对此内容的引用时，我得到一个文本变量，如：

span#myId.super-span super

这个引用不能用 jQuery 选择，并返回 undefined:

var myLocation = myElementTag + myElementId + myElementClassName;
console.log($(myPriceLocation).text());

如何修改我的代码以确保我取回我的字段值？

【问题讨论】：

不管你的“技术”问题是什么，你确定需要使用这么严格的选择器吗？通常最好使用data- 属性或至少一个类（我认为应该仅用于样式目的，但这是另一个讨论）来保持一定的灵活性。
如果你已经有一个id=，那么你就不需要课堂部分——当然假设你已经遵循了指导方针并且只在页面上使用了id一次。跨度>

【解决方案1】：

空格是 HTML 元素的 class 属性中的分隔符。因此，您需要使用没有空格的 CSS/jQuery 选择器，但使用 . 分隔每个类，如下所示：

$('span#myId.super-span.super').text();

【讨论】：