javascript - 在 CSS id 声明中使用 #

Question

通常我只会在任何 html 类或 id 属性中使用带有 - 和 _ 的字母数字，但我想知道是否有可能在属性中间包含一个 #，例如:

<div id = "my_css_id_#f4ed11">

我不会通过 CSS 来定位这个，这纯粹是为了 javasrcipt。

注意 我问它的原因不是因为我想这样做，而是因为一些相关的 PHP 代码是由某人完成的，它会使元素的这一部分更容易。

谢谢

Answer 1

当然可以。根据 HTML5，它是有效的。

您只需要 escape the character in a selector (for use in CSS or JavaScript) .对于#字符，很简单；你可以只使用\#。

这里有一个工具可以告诉您如何转义 CSS/JS 选择器中的任何字符:http://mothereff.in/css-escapes#0foo%23bar从该页面:

<script>
  // document.getElementById or similar
  document.getElementById('foo#bar');
  // document.querySelector or similar
  $('#foo\\#bar');
</script>

附言关于 ID 或 class 值中的奇怪字符:http://mathiasbynens.be/notes/html5-id-class