我正在尝试创建一个函数,该函数将根据行的值来着色表的内容。
我能够将每一行的数据存储到一个数组中,并将低值和高值保存到变量中。如何在每行的低和高值中添加低或高类?
在每个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';
}
}
}
答案 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>