ID中的空格和ID jquery中的变量

Question

我想在id中添加空格，并且我想使用变量选择id。

我想要实现的id是这样的 <span id="printroofG.I. Sheet" class="underline"></span>

让我说我有这个变量。

var id = G.I. Sheet;

这是我的选择器

$('span[id=printroof'+value.material+']').text(value.material);

  

我得到无法识别的表达式：span [id = printroofG.I。页]。

在ID中使用空格并使用变量作为选择器的正确方法是什么。

Answer 1

正如我先前所说，不要为此目的使用ID。您最好使用data-*，如下所示。

var id = "G.I. Sheet";

$('span[data-id="printroof' + id + '"]').text("Some text");
//OR
$('span[data-id="printroof' + value.material + '"]').text(value.material);

A Demo

HTML：

<span data-id="printroofG.I. Sheet" class="underline"></span>

Answer 2

如果你必须这样做，请使用双引号：

$('span[id="printroof'+value.material+'"]').text(value.material);

但不要这样做。正如lshettyl所说，也许最好使用jquery data api。