使用Javascript或Jquery根据高/低值为表行着色

时间:2018-11-01 18:05:19

标签: javascript jquery html-table

我正在尝试创建一个函数,该函数将根据行的值来着色表的内容。

我能够将每一行的数据存储到一个数组中,并将低值和高值保存到变量中。如何在每行的低和高值中添加低或高类?

在每个tr中,我只想比较第1,第2和第3位置,因为零位置是索引。

my_activity_layout.xml
function showRows(s) {
  var t = s.options[s.selectedIndex].text;
  var rows = document.getElementById('mytab').getElementsByTagName('tr'),
    i = 0,
    r, c;
  while (r = rows[i++]) {

    if (t == 'All') {
      r.style.display = ''
    } else {
      c = r.getElementsByTagName('td')[0].firstChild.nodeValue;
      sxval = r.getElementsByTagName('td')[1].firstChild.nodeValue;
      fcval = r.getElementsByTagName('td')[2].firstChild.nodeValue;
      sgval = r.getElementsByTagName('td')[3].firstChild.nodeValue;
      unval = r.getElementsByTagName('td')[4].firstChild.nodeValue;
      array = [sxval, fcval, sgval, unval]
      var low = Math.min(...array)
      var high = Math.max(...array)
      console.log("lowest" + " " + low)
      console.log("highest" + " " + high)
      console.log(c)
      console.log(t)
      r.style.display = parseInt(c) == parseInt(t) ? '' : 'none';
    }
  }
}

1 个答案:

答案 0 :(得分:0)

您可以使用Jquery执行此操作。这是示例。希望对您有帮助,我的朋友:))

<div class="dropdow">
  <div class="gap">
    <h3>Dropdownmenu</h3>

    <button class="dropbt1"><h3>please choose</h3></button>
    <div class="dropdow-content1">
      <a href="#" id="" class="specialLink">down1</a>
      <a href="#" id="" class="specialLink">down2</a>
      <a href="#" id="" class="specialLink">down3</a>
    </div>
  </div>
</div>