Question

当id包含逗号时，为什么jquery选择器不起作用？见http://jsfiddle.net/sGQas/188/

<div id="1,3">Hello There!</div>

$(document).ready(function () {
  var str = "#1,3";

  if ($(str).length) {
    alert($(str).position().left);
  } else {
    alert('The element "'+str+'" does not exist on the document!');
  }
});

Answer 1

你需要用两个反斜杠转义逗号：

var str = "#1\\,3";

<强> jsFiddle example

请参阅https://learn.jquery.com/using-jquery-core/faq/how-do-i-select-an-element-by-an-id-that-has-characters-used-in-css-notation/和https://api.jquery.com/category/selectors/

使用任何元字符（例如 !"#$%&'()*+,./:;<=>?@[\]^ {|}〜）作为名称的文字部分，必须用两个反斜杠转义：\\

Answer 2

选择元素的另一种方法是attribute-equals-selector：

$(function () {
  var str = '[id="1,3"]';

  if ($(str).length) {
    alert('Text: ' + $(str).text() + ' Left position: ' + $(str).position().left);
  } else {
    alert('The element "'+ str +'" does not exist on the document!');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div id="1,3">Hello There!</div>

当id包含逗号时，Jquery get元素不起作用

2 个答案: