无法选择 id=":1" 的 div

对网络东西有点菜鸟，但我有一个带有此标签的 div：

<div class="" id=":1" role="treeitem" aria-selected="false" aria-expanded="false" aria-level="1" aria-labelledby=":1.label" aria-setsize="10" aria-posinset="1">

我已经测试过我的 jQuery 可以正常工作（当前使用版本 2.1.3）。 我已经测试了许多其他关于选择器中冒号的 SO 帖子中推荐的选择器，然后是其他一些。我已经分别尝试了下面的每个 jQuery 调用，但没有一个真正隐藏了我想要获取的元素。

$(function() {
  $("#\\:1").hide();
  $("#\:1").hide();
  $(":1").hide();
  $("\3A1").hide();
  $("\3a1").hide();
  $("\3A 1").hide();
  $("\3a 1").hide();
  $('[aria-labelledby="\\:1.label"]').hide();
  $('[aria-labelledby="\\:1.label"] *').hide();

  $(document.getElementById(":1")).hide();
  $(document.getElementById("\:1")).hide();
});

要么什么也没有发生，要么我收到上述调用的语法错误。

顺便说一句，Chrome 说 CSS 路径是“#\3a 1”。

EDIT这有效：

$(function() {
  setTimeout(function() {
    $("#\\:1").hide();
  }, 1000);
});

我猜问题是 div 实际上没有加载或者什么的。这仍然是一个问题，因为上述解决方案由于明显的原因而存在缺陷。我会向 Google Group 询问这个 API（它是块状的），并且可能会在加载或其他情况下进行回调。

EDIT

完全是菜鸟错误——我正在寻找的内容实际上是插入到 init 函数中的。这就是为什么我通常调用 jQuery 时它不存在；我需要把它放在这里：

init = function() {

  Blockly.inject(document.getElementById('blocklyDiv'),
      {toolbox: document.getElementById('toolbox')});
  Blockly.Xml.domToWorkspace(Blockly.mainWorkspace,
      document.getElementById('startBlocks'));
  $("#\\:1").hide();
}

:1是完全有效的idHTML5 中的属性：

The id http://www.w3.org/TR/html5/dom.html#the-id-attribute属性指定其元素的唯一标识符 http://www.w3.org/TR/html5/infrastructure.html#concept-id (ID).

该值在所有值中必须是唯一的IDs http://www.w3.org/TR/html5/infrastructure.html#concept-id在元素的主子树 http://www.w3.org/TR/html5/infrastructure.html#home-subtree并且必须至少包含一个字符。价值 不得包含任何空格字符 http://www.w3.org/TR/html5/infrastructure.html#space-character.

然而，它可能需要一些转义。

CSS - CSS ID 选择器

在 CSS 中，要通过 ID 获取元素，请使用ID选择器 http://www.w3.org/TR/CSS21/selector.html#id-selectors:

文档语言的 ID 属性允许作者分配一个 文档树中一个元素实例的标识符。 CSS ID 选择器根据其标识符来匹配元素实例。 CSS ID 选择器包含一个“#”，紧随其后的是 ID 值，其中 必须是一个标识符。

然而，:1不是有效的标识符：

In CSS, 身份标识 http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier（包括元素名称、类和 ID）选择器 http://www.w3.org/TR/CSS21/selector.html) 只能包含字符 [a-zA-Z0-9] 和 ISO 10646 字符 U+00A0 及更高字符，加上连字符 (-) 和下划线 (_);它们不能以数字、两个连字符或后跟一个连字符开头 按一位数字。标识符还可以包含转义字符和任何 ISO 10646 字符作为数字代码（请参阅下一项）。例如， 标识符“黑白？”可以写成“B\&W\?”或“B\26 W\3F”。

因此，您不能使用选择器#:1，但你可以将其转义为#\:1.

#\:1 {
    /* CSS styles */
}

JavaScript - CSS ID 选择器

在 JavaScript 中，您可以使用document.querySelector https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelector获取与 CSS 选择器匹配的（第一个）元素。这同样适用于 jQuery。

您可以使用CSS.escape https://developer.mozilla.org/en-US/docs/Web/API/CSS.escape[警告-实验技术]对字符串进行转义，使其成为有效的CSS标识符：

document.querySelector("#" + CSS.escape(":1"));

或者，您可以使用#\:1直接地。但是，请注意，在 JavaScript 字符串文字中，字符\转义字符，所以"#\:1"变成"#:1"。因此，你必须逃离\和另外一个\:

document.querySelector("#\\:1");

请注意，即使您使用CSS.escape，如果 ID 包含\或引号，您也必须在字符串文字中转义它们。

JavaScript-ID

但 JavaScript 也有document.getElementById https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById，比 CSS 选择器更快、更简单的方法。

它直接通过 ID 获取元素，而不是 CSS 转义版本：

document.getElementById(":1");

请注意，如果 ID 包含\或引号，您必须在字符串文字中转义它们。