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>

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

Answer 1

当你写这篇文章时，你在这部分做的事情似乎完全没问题。声明一个名为ServerName的变量，该变量应该可以使用了。

至于标签，我无法看到它们所处的上下文。也许尝试使用jquery这样附加它们：

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

你也可以尝试使用$（）。html（）;功能，如果你不想只是在底部添加它。如果您需要更多帮助，请告诉我：）

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

1 个答案: