如何通过ajax不断更新内容时如何创建持久性javascript？

Question

我有一个通过ajax更新的网页.它每1分钟加载更新的新闻源.我想要做的是创建一个javascript来检测传入的日期字段并在其周围添加一个强大的标记.以下是获取Feed的html示例:

<div class="results">
  <div class="article">
    <div class="date">jan 8, 2013</div>
    <p>Some content here</p>
  </div>
  <div class="article">
    <div class="date">feb 8, 2013</div>
    <p>Some content here</p>
  </div>
</div>

我可以编写更新它的基本javascript,但它只会触发一次.如果"results"元素中有任何更改并采取相应措施,我如何进行javascript检测.

Answer 1

您可以将侦听器附加到 Ajax（.complete()或.ajaxStop()），然后获取所有日期并将它们与今天的日期进行比较。如果它们匹配，请将日期加粗。像这样的东西：

$( document ).ajaxStop(function() {
    var today = new Date();

    $.each( $('.article .date'), function( i, el ){
        var el_text = el.text();
        if(el_text == today.toLocaleFormat('%b %d, %Y')) {
            el.html('<b>' + el_text + '</b>');
        }
    });
});