带有jquery的If语句

带有jquery的If语句,jquery,Jquery,我想知道如何用这段代码执行if语句。if语句应该根据li是否读取来确定li是否获取类名。确定它的是数据[x][messageRead]==0或不是,但不确定如何在该附加中执行此操作 $.each(data, function(x) { $('.mail').append('<li><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[

我想知道如何用这段代码执行if语句。if语句应该根据li是否读取来确定li是否获取类名。确定它的是数据[x][messageRead]==0或不是,但不确定如何在该附加中执行此操作

$.each(data, function(x)
{
    $('.mail').append('<li><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>'); 
});
$。每个(数据、函数(x)
{
$('.mail').append('
  • '); });
    对于这种情况,建议使用jQuery API中的方法
    .toggleClass()


    实际值将传递给回调的第二个值。然后,首先创建li元素,如果要添加类,则使用严格的相等比较:

    $.each(data, function(x, value)
    {
        var li = $('<li><a href=""><strong>Received: '+ value.dateSent +'</strong><small>'+ value.subject +'</small><small>From: '+ value.firstName+' '+ value.lastName +'</small></a></li>');
        if(value.messageRead === 0) {
            li.addClass('the-class');
        }
        $('.mail').append(li);
    });
    
    $。每个(数据、函数(x、值)
    {
    var li=$(“
  • ”); if(value.messageRead==0){ li.addClass(“the-class”); } $('.mail')。追加(li); });
    您可以使用

    $。每个(数据、函数(x)
    {
    $('.mail').append('');
    });
    
    只是javascript

    $.each(data, function(x)
    {
        if (data[x][messageRead] == 0) {
            $('.mail').append('<li><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>');
        } else {
            $('.mail').append('<li class="read"><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>');
        }
    });
    
    $。每个(数据、函数(x)
    {
    如果(数据[x][messageRead]==0){
    $('.mail').append('
  • '); }否则{ $('.mail').append('
  • ); } });

    您可以重构一点,但原理与其他任何东西一样

    尝试三元运算符

    $.each(data, function(x)
    {
        $('.mail').append('<li' + (data[x][messageRead] == 0 ? ' class="yourclass"' : '')><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>'); 
    });
    
    $。每个(数据、函数(x)
    {
    
    $('.mail').append('您可以执行以下操作:

    $.each(data, function(x)
    {
        $('.mail').append('<li' + (data[x][messageRead] == 0 ? ' class="myClass"' : '') + '><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>'); 
    });
    
    $.each(data, function(x)
    {
        $('.mail').append('<li class="' + ((data[x][messageRead] == 0)?'read':'unread') + '"><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>'); 
    });
    
    $。每个(数据、函数(x)
    {
    $('.mail').append('');
    });
    
    执行以下操作:

    $.each(data, function(x)
    {
        $('.mail').append('<li' + (data[x][messageRead] == 0 ? ' class="myClass"' : '') + '><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>'); 
    });
    
    $.each(data, function(x)
    {
        $('.mail').append('<li class="' + ((data[x][messageRead] == 0)?'read':'unread') + '"><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>'); 
    });
    
    $。每个(数据、函数(x)
    {
    $('.mail').append('
  • '); });

    希望有帮助!

    我相信这会给你想要的

    $.each(data, function(x)
    {
        var item = $('<li><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>');
        if(data[x]['messageRead'] == 0){
            item.addClass('new');
        }
        $('.mail').append(item); 
    });
    
    $。每个(数据、函数(x)
    {
    变量项=$(“
  • ”); 如果(数据[x]['messageRead']==0){ item.addClass(“新”); } $('.mail')。追加(项目); });
    您可以使用三元运算符,并仅在满足条件时添加类

    为了可读性,我将类存储在变量中,但当然也可以在append中完成

    $.each(data, function(x)
    {
        var classString = (data[x]['messageRead'] == 0) ? " class=\"read\"" : "";
        $('.mail').append('<li' + classString +'><a href=""><strong>Received: '+data[x]['dateSent']+'</strong><small>'+data[x]['subject']+'</small><small>From: '+data[x]['firstName']+' '+data[x]['lastName']+'</small></a></li>'); 
    });
    
    $。每个(数据、函数(x)
    {
    变量classString=(数据[x]['messageRead']==0)?“类=\'read\\:”;
    $('.mail').append('');
    });
    
    这里有很多好的解决方案。。。