1

我正在尝试更改 ID 为“led1”的所有 div 元素的类，该元素位于另一个 ID 为 1 的 div 中。 

<div class="MACHINE">
  <div id="1" class="HOST">EMPTY
    <div id="led1" class="LED"></div>
  </div>
</div>

我使用以下代码，但它只更改文本“EMPTY”而不是类。下面是我的一段 js 文件，用于更改类。由于某种原因它不起作用...

我希望有人可以指导我走向正确的方向。

$.each(data, function(hst) {
    $.each(data[hst], function(key, value){
        var currClass =  $('#led'+ key).attr('class');
        switch(value)
        {
           case 'EMPTY': $('#led' + key).removeClass(currClass).addClass('LED ' + value);$('#' + key).html(value);break;
           case 'PROCESSING': $('#led' + key).removeClass(currClass).addClass('LED ' + value);$('#' + key).html(value);break;
           case 'FINISHED': $('#led' + key).removeClass(currClass).addClass('LED ' + value);$('#' + key).html(value);break;
           case 'REPLACE': $('#led' + key).removeClass(currClass).addClass('LED ' + value);$('#' + key).html(value);break;
         }
      });
   });
   },
   error: function() {
     alert('Ello');
     console.log("ERROR: show_host_status")     
   },
 });
},   
}
4

2 回答 2

1

我看到一个问题。

 case 'EMPTY': $('#led' + key).removeClass(currClass).addClass('LED ' + value);$('#' + key).html(value);break;

它将“HOST”的 HTML 设置为任何值（从而移除 LED）。尝试这样的事情。

<div class="MACHINE">
    <div id="1" class="HOST">
        <div class='host-value'>EMPTY</div>
        <div id="led1" class="LED"></div>
    </div>
</div>

并且您在案例陈述中的代码为

 case 'EMPTY': $('#led' + key).removeClass(currClass).addClass('LED ' + value);$(".host-value", $('#' + key)).html(value);break;

Then you have to change how your getting the "value" since its not just straight element its from #key .host-value

于 2012-01-24T19:44:25.603 回答
0

正如其他回复中指出的那样，从技术上讲，答案是：

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

致歉：@dgvid

尝试更改并相应<div id="1">地<div id="host-1">更新您的脚本

于 2012-01-24T19:42:58.827 回答