javascript - 如何在javascript中使用数组获取和设置html标签的值？

Question

如果它的日期值符合我的条件，我想在许多行中突出显示颜色，如下代码所示

我通过在 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>

提前感谢您的帮助

Answer 1

将 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
      }
   });
});