Question

我正在尝试建立一个页面，用户可以在该页面上标记他们访问过的地图上的城市，并将数据存储在Firebase上以备将来访问。我遇到的问题是诸如“纽约”或“新奥尔良”之类的以保留关键字开头的城市。此功能可在页面加载时运行，以调整以前访问过的城市，以在地图上标记为带有选中标记图像的访问过的城市。

  function adjustMarkers() {
  database.ref("users/" + uid + "/citiesVisited").once("value").then(function(userSnapshot){
    userSnap = userSnapshot.val();
    citiesArray = Object.entries(userSnap);
    for (var [cityName, visited] of citiesArray) {
        if (visited == "yes") {
            $("#" + cityName).attr("src", "assets/images/checkmark.png")
            $("#" + cityName).attr("data-clicked", "yes")
        }
    }
})

}

运行此功能时，纽约，新奥尔良，华盛顿特区和洛杉矶等城市无法正确更新。我意识到我可以将这些城市名称存储在Firebase中，作为其他名称，例如NY，NO，DC和LA，以使其正常运行。但是我非常想保留它们的专有名称用于其他显示目的。我可以在这方面使用替代方法吗？

这里的第一篇文章，如果这篇文章违反任何规则，我深表歉意。在发布此消息之前，我搜索了很多内容，但可能错过了类似的先前问题。

编辑：进一步思考，这可能与保留字根本没有任何关系，可能只是所有有多个字的城市。如果解决方案对我来说立即显而易见，我将删除它。

Answer 1

问题不是Java保留关键字-问题是，如果cityName有空格，那么，例如，如果是New York：

$("#" + cityName)

将解决

$("#New York")

这意味着：查找一个tagName为“ York”的元素，该元素为ID为“ New”的元素的后代。

$("#New York").text('foo');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="New">
  <York>
    ????
  </York>
</div>

任何带有空格的cityName均无法正常工作。

一个简单的解决方法是在HTML中（以及在数据库中，或者在将cityName传递到$之前，用破折号替换所有空格，以便解析为类似

$("#New-York")

如果数据库包含包含Javascript保留字的数据，则可能唯一需要担心的是，如果您使用的是eval或其等效项之一-我认为，这永远不必担心。

JavaScript保留关键字未正确通过函数传递

1 个答案: