如果它的日期值符合我的条件,我想在许多行中突出显示颜色,如下代码所示
我通过在 php 中使用 foreach() 从数据库中检索 from_date 和 to_date 我将把它提取到表的行中,我想用红色突出显示如果 from_date 和 to_date 值通过我的条件如下 javascript
但我不知道如何使用 javascript 代码找到 html 的所有 id 选择器并将其颜色设置为红色、黑色、蓝色(如果 from_date 和to_date 通过条件。
<table>
<tr class="highlight">
<td>ID:</td>
<td id="from">From Date: 2014-11-28</td>
<td id="to">To Date: 2014-11-30</td>
</tr>
<tr class="highlight">
<td>ID:</td>
<td id="from">From Date: 2014-11-28</td>
<td id="to">To Date: 2014-11-28</td>
</tr>
<tr class="highlight">
<td>ID:</td>
<td id="from">From Date: 2014-11-28</td>
<td id="to">To Date: 2014-11-28</td>
</tr>
<tr class="highlight">
<td>ID:</td>
<td id="from">From Date: 2014-11-28</td>
<td id="to">To Date: 2014-12-01</td>
</tr>
<tr class="highlight">
<td>ID:</td>
<td id="from">From Date: 2015-01-01</td>
<td id="to">To Date: 2015-01-30</td>
</tr>
</tabl>
如上 html 代码我想在 javascript 中使用数组来检查所有 id html 选择器以检查其 from_date 和 to_date 值并设置红色以突出显示类 (< strong>class="highlight") 按条件。
<script>
var today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
var from_day = document.getElementById("from");
var to_day = document.getElementById("to");
var highlight = [];
var get_from_day = new Date(from_day);
var get_to_day = new Date(to_day);
var i = document.getElementById();
if(get_from_day.getTime() == get_to_day.getTime()){
highlight[] = "red";
}
if(get_from_day.getTime() > get_to_day.getTime()){
highlight[] = "blue";
}
if(get_to_day.getTime() == today.getTime()){
highlight[] = "black";
}else{
if(highlight){
for(i=0;i<=;i++){
document.getElementById("highlight").style.background-color = highlight;
}
}
}
</script>
提前感谢您的帮助
最佳答案
将 fromDate 和 toDate 作为类名分配给 eg.
<td class="fromDate " id="<?php echo "from".$i;?>">from date</td>
<td class="toDate" id="<?php echo "to".$i;?>">To date</td>
试试这个
$('#mytab1 tr').each(function(){
$(this).find('td').each(function(){
if($(this).attr("class")=="fromDate")
{
var fromdata=$(this).text();
// Apply your checking and applying color logic here
}
else if($(this).attr("class")=="toDate")
{
var todata=$(this).text();
// Apply your checking and applying color logic here
}
});
});
关于javascript - 如何在javascript中使用数组获取和设置html标签的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27186012/