javascript - Jquery 在 DOM 中找不到 id

Question

我有一个HTML

<h3 id="tourName_ROCK.ROCK"></h3>
<h3 id="tourName_MOBT.MOBT"></h3> 

和JSON

dataTourBase :{
"list":[{
      "code" : "ROCK.ROCK",
      "name" : "Laugher Bins"
},
{
      "code" : "MOBT.MOBT",
      "name" : "Laugher Bins"
}]

在我的 Jquery 代码中，我想附加与其名称匹配的代码。但问题是我的 DOM 由于“.”而无法找到 id。 (DOT) 运算符

我这样做:

jQuery.each(dataTourBase.list, function(i, excursion) {
    $("#" + "tourName_" + excursion.code).html(excursion.name);
}

请告诉我如何在 DOM 中找到我的 id。提前致谢

Answer 1

CSS 选择器。你正在做:

$('#tourName_ROCK.ROCK');

Javascript 将其解释为“具有 ID tourName_ROCK 和 CSS 选择器 ROCK 的元素，例如

<div id="tourname_ROCK" class="ROCK">

会匹配。

换句话说，不要在 id 或 class 名称中使用 .。