jquery/比较列表中的日期

我两天来一直在努力解决这个问题。也许有人给了我一个提示

我有两个div，每个

div.news-list-item

中都有两个日期-

startdate

和

enddate

。我想比较一下这两个日期，看看它们是否相等。如果它们相等，则添加类

show

，如果不相等，则执行其他操作

问题是

startDate

始终为空或未定义

<div class="news-list-container row">   
    <div class="news-list-item nth-item-1">
        <span class="event-from">17.10.2014</span>
        <span class="event-to">19.10.2014</span>
    </div>

    <div class="news-list-item nth-item-2">
        <span class="event-from">07.12.2014</span>
        <span class="event-to">07.12.2014</span>
    </div>

    <div class="news-list-item nth-item-3">
        <span class="event-from">08.12.2014</span>
        <span class="event-to">08.12.2014</span>
    </div>   
</div>



$('.news-list-container').each(function() {
    var $children = $(this).children(),
        count = $children.size(),
        $item;
        $children.each(function(i) {
            $item = $(this).addClass('nth-item-' + (i + 1))

});

$(".news-list-item").each(function() {
    var startDate =  $(".event-from").val();
    var endDate = $(".event-to").val();

        if(startDate == endDate) {
                $(this).addClass("show");       
            } else {

            }
    }); 
    console.log("story " + startDate + " story");
    }); 
});

17.10.2014
19.10.2014
07.12.2014
07.12.2014
08.12.2014
08.12.2014
$（'.news list container'）。每个（函数（）{
var$children=$（this.children（），
count=$children.size（），
$项目；
$children.每个（功能（i）{
$item=$（this.addClass（'nth-item-'+（i+1））
});
$（“.news列表项”）。每个（函数（）{
var startDate=$（“.event from”）.val（）；
var endDate=$（“.event to”）.val（）；
如果（开始日期==结束日期）{
$（this.addClass（“show”）；
}否则{
}
}); 
console.log（“故事”+startDate+“故事”）；
}); 
});

您需要将

this

添加到$（“.event from”）和$（“.event to”）以获取子div

此外，跨距没有val（）但有text（）

这和

$(this).find("span.event-from")...

详情如下：

我的例子

$（函数（）{
$（“.news list container>.news list item”）.each（函数（）{
var startDate=$（“.event from”，this）.text（）；
var endDate=$（“.event to”，this）.text（）；
$（this）.toggle（startDate！=endDate）；
});
});

17.10.2014
19.10.2014
07.12.2014
07.12.2014
08.12.2014
08.12.2014
您可以试试这个

$(function(){

    $('.news-list-item').each(function() {

        if($('.event-from', this).text() == $('.event-to', this).text()) {

           $(this).addClass('show);

        } else {

            console.log('Not Equal');
        }

    });

});


使用相对于当前
$（此）
使用
text
检索文本内容

这里是一个现场工作样本：


$（'.news list container'）。每个（函数（）{
var$children=$（this.children（），count=$children.size（），$item；
$children.每个（功能（i）{
$item=$（this.addClass（'nth-item-'+（i+1））
});
$（this）.find（“.news列表项”）.each（函数（）{
var startDate=$（this.find（“.event from”）.text（）；
var endDate=$（this.find（“.event to”）.text（）；
如果（开始日期==结束日期）{
$（this.show（）；
}否则{
$（this.hide（）；
}
console.log（“故事”+startDate+“故事”）；
}); 
});

17.10.2014
19.10.2014
07.12.2014
07.12.2014
08.12.2014
08.12.2014
这是一个完美的示例。我做了两个小修改，但不值得一提，因为我没有在问题中描述它。非常感谢尼古拉斯。
$(function(){

    $('.news-list-item').each(function() {

        if($('.event-from', this).text() == $('.event-to', this).text()) {

           $(this).addClass('show);

        } else {

            console.log('Not Equal');
        }

    });

});