javascript - 使用 jQuery 将动态 id 分配给元素

Question

嗨，我正在使用 jQuery 并在循环中创建标签。

例如 -

for(var i=0;i<length;i++){

            jQuery("#dailydata").append("<table class='table'><tr>"+
                "<th>Min Temp : </th><td>"+ data[i]</td>" +
                "</tr></table>";

                if(data[i] <=10){
                    //add color to th
                }else{
                    //add different color to th
                }
        }

我在每个循环中创建一个表行并附加到 HTML 元素。之后我检查该值，并根据该值我想更改标签的背景颜色。

有人可以告诉我如何实现这一目标吗？

Answer 1

有几种方法。

您用来构建标签的方法并不是最优雅的，但您可以对其进行调整以实现您想要的结果，如下所示...

jQuery("#dailydata").append("<table class='table'><tr>"+
            "<th id='"+ (data[i]<=10?'blue':'red') + "'>Min Temp : </th><td>"+ data[i]</td>" +
            "</tr></table>";

我建议您还阅读 jQuery 文档，了解如何使用“attr”和“prop”将 id(和其他属性/属性)添加到 jQuery 元素，而不像我的示例中那样将文本混合在一起。

jQuery“属性”:https://api.jquery.com/attr/

jQuery“属性”:https://api.jquery.com/prop/