在HTML属性中使用HTML实体

Question

我得到这个：

Uncaught Error: Syntax error, unrecognized expression: [data-id=1|31|2]

因此，我从中收集并尝试解决此问题，因为您不能在HTML属性中使用任何特殊字符。 因此，有人知道我可以在属性中分隔数字并保持使用javascript进行操作的能力吗？

我迅速地将其汇总在一起，以更好地说明这个问题。 http://jsfiddle.net/zacharynicoll/fbJYq/

Answer 1

您忘记添加双引号

从：

$('ul[data-id=' + id + ']').show();

至：

$('ul[data-id="' + id + '"]').show();

http://jsfiddle.net/kgMGB/3/

Answer 2

问题不在于| 符号，但带有您的选择器。

$('ul[data-id=' + id + ']').show();

应该

$('ul[data-id="' + id + '"]').show();

没有引号的任何特殊字符都将作为选择器的一部分。

Answer 3

尝试使用“”：

 $('ul[data-id="' + id + '"]').show();

编辑：哇，三个人同时回答正确。 虽然我不会删除我的，但仅是因为我认为这很有趣:);）;-) :) （将投票赞扬给速度快1分钟（即，最远的人）的那个人）

Answer 4

只需更换| 与-

http://jsfiddle.net/kgMGB/2/