javascript - 定义 Javascript 和 HTML 使用的 DIV/SPAN ID？

Question

有没有办法定义 Javascript 和 DIV/SPAN ID 使用的变量？

我们有一个由其他人编写的代码块，我们在一个网页上重复使用它来监控 Minecraft 服务器状态，并且对于其中的每一个，我们都手动定制了代码块。我只想在顶部设置变量，而不必每次都直接编辑代码。目前:

<script>
$(document).ready(function() {
    $('.SF2W').parent().css("background-image",
...
    if (Status == "Online") {
        $('#SF2Wstatus').text("Online");
        $('#SF2Wstatus').css("color", "green");
        $('#SF2Wcount').text("Players: " + NumPlayers);
...
</script>
<div class="SF2W" id="serverdiv">
...
        <span id="SF2Wstatus" style="color:red">Offline</span> 
        <span id="SF2Wcount"></span>
...
</div>

我在上面看到的部分是“SF2W”“SF2WStatus”“SF2WCount”

有没有一种方法可以将它们放在变量之上，让 Javascript 和 HTML 都使用它？

我想做的伪代码:

ServerName = "SF2W"
<script>
$(document).ready(function() {
    $('.' + ServerName).parent().css("background-image",
...
    if (Status == "Online") {
        $('#' + ServerName + 'status').text("Online");
        $('#' + ServerName + 'status').css("color", "green");
        $('#' + ServerName + 'count').text("Players: " + NumPlayers);
...
</script>
<div class=ServerName id="serverdiv">
...
        <span id= ServerName + "status" style="color:red">Offline</span> 
        <span id= ServerName + "count"></span>
...
</div>

由于这些 ID 是在全局页面 HTML 中访问的，所以我的印象是这些 ID 必须是唯一的，因为它们会被每个服务器监视器重复使用。

Answer 1

你在这部分中所做的事情在你写的时候看起来完全没问题。声明一个名为 ServerName 的变量，它应该已经准备就绪。

至于标签，我看不到它们在什么上下文中。也许尝试像这样使用 jquery 附加它们:

$("#parrentId").append("<span id='" + ServerName + "status' style='color:red'>Offline</span> 
    <span id='" ServerName + "count'></span>");

你也可以尝试使用 $().html();如果您不想将其添加到底部，请使用该功能。如果您需要更多帮助，请告诉我:)