0

我有一个表格，我用从下拉菜单中过滤的数据集动态填充该表格。数据按索引（selectedIndex）过滤。

var table = document.getElementById("weather");
for (var i=0; i<indexSelected.length; i++) {
    var row=table.insertRow(i+1);
    var time=row.insertCell(0);
    var siteName=row.insertCell(1);
    var region=row.insertCell(2);
    var sigWeather=row.insertCell(3);
    var screenTemp=row.insertCell(4);
    time.innerHTML=weather[indexSelected.length[i]]["time"];
    siteName.innerHTML=weather[indexSelected.length[i]]["siteName"];
    region.innerHTML=weather[indexSelected.length[i]]["region"];
    sigWeather.innerHTML=weather[indexSelected.length[i]]["sigWeather"];
    screenTemp.innerHTML=weather[indexSelected.length[i]]["screenTemp"];
}

我正在尝试让他们在此表中搜索特定元素。例如，表格列出了屏幕温度，我已经计算出最低屏幕温度，并想在表格中搜索它。完成后，我需要将背景颜色更改为此单元格，但是，我不知道该怎么做。我会很感激一些帮助。我只能为此使用Javascript。

4

2 回答 2

1

请检查 jquery promise和done方法

这两种方法可帮助您添加事件并为动态创建的对象提供功能

于 2013-11-14T19:06:46.507 回答
0

将这一行添加到动态填写表格的代码中怎么样：

var table = document.getElementById("weather");
for (var i=0; i<indexSelected.length; i++) {
    [... snip ...]

    screenTemp.innerHTML=weather[indexSelected.length[i]]["screenTemp"];
    screenTemp.classList.add('screenTemp');
}

然后你可以通过做找到它document.querySelector('.screenTemp')

您也可以在填写信息后立即更改背景颜色：

var table = document.getElementById("weather");
for (var i=0; i<indexSelected.length; i++) {
    [... snip ...]

    screenTemp.innerHTML=weather[indexSelected.length[i]]["screenTemp"];
    changeBgColor(screenTemp);
}

function changeBgColor(screenTempCell) {
    // do your magic here
}
于 2013-11-14T20:46:19.033 回答