2015-05-29 121 views
0

jQuery在行的末尾添加一個「新」圖像我們有一個包含兩列的表,DateNews。如果行Date = today(),我想在News字符串的末尾附上new.gif圖像。如果行的日期=今天()

<tbody> 
    <tr> 
     <td class="ms-vb2"> 
      <nobr>5/29/2015</nobr>  
     </td> 
     <td class="ms-vb2"> 
      <a href="http://xxxx">ABCABCABC</a> 
     </td> 
    </tr> 
    <tr class="ms-alternating"> 
     <td class="ms-vb2"> 
      <nobr>5/31/2015</nobr> 
     </td> 
     <td class="ms-vb2"> 
      <a href="http://yyyyyy">ABCABCABC</a> 
     </td> 
    </tr> 
</tbody> 

我該怎麼用jQuery做到這一點?謝謝你的建議。

+0

請添加您的HTML和您自己寫的任何JS代碼 –

+0

添加了HTML並且沒有JS。 – Mark

回答

1

您可以使用$.each遍歷tr元素並讀取nobr元素中的日期,並將其與當前日期進行比較。如果它們匹配,則可以使用append()img元素添加到a。試試這個:

$('table tr').each(function() { 
    var $tr = $(this); 
    var date = new Date($tr.find('nobr').text()); 
    if (date.setHours(0, 0, 0, 0) === new Date().setHours(0, 0, 0, 0)) { 
     $tr.find('a').append('<img src="new.gif" />'); 
    } 
}); 
+0

非常感謝! – Mark