Question

首先。大家好，我现在开始学习如何使用js，但我有一个问题。

所以我有这段代码：

$(document).ready(function(){
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});



//Getting from property_page1.json
$(".pagination li.page").on("click", function(){
var attr=$(this).attr('rel');
    var tableRow="";
    $.getJSON("property_page" + attr + ".json" , function(data){
        $.each(data.data, function(index, test){
            tableRow  += "<tr class='table-row'>"+"<td>"+test.title+"</td>"
                +"<td>"+test.is_favorite+"</td>"+"<td>"
                +test.city+"</td>"+"<td>"+test.amenities+"</td>"
                +"<td>"+test.verbose_price+"</td>"+"<td>"
                +"<img src = '"+test.images_url[0].url+"'height= '120' width= '350'>"
                +"</td>"
                +"<td>"+test.is_favorite+"</td>"+"</tr>"
            });
                $("#userdata tbody").html(tableRow);
        });
    });
    //End
});

所以我想知道如何在表部分添加If语句。代替test.is_favorite进行声明，向我显示，如果值为true，则显示Yes；如果值为false，则显示No。

我知道这是一个愚蠢的问题，但我仍在学习。

Answer 1

使用ternary operator是一种快速/简单的方法：

 +"<td>"+ (test.is_favorite === true ? 'Yes' : 'No') +"</td>"+"</tr>"

Answer 2

在您的情况下，您可能应该使用三元运算符。如果您不知道，这是如何使用它：condition ? valueIfTrue : valueIfFalse

因此，您的情况是：(test.is_favorite ? 'Yes' : 'No')。我加了括号以防止混淆：-）

奖金：javascript.info是一个网站，在学习JavaScript时对我有很大帮助。但是，它不会教您如何使用jQuery;-）

Answer 3

您可以使用以下代码

$(document).ready(function(){
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});



//Getting from property_page1.json
$(".pagination li.page").on("click", function(){
var attr=$(this).attr('rel');
    var tableRow="";
    $.getJSON("property_page" + attr + ".json" , function(data){
        $.each(data.data, function(index, test){
        
           var show_str = "";
           if(test.is_favorite){
              show_str+="Yes";
           }else{
              show_str+="No";
           }
        
            tableRow  += "<tr class='table-row'>"+"<td>"+test.title+"</td>"
                +"<td>"+show_str+"</td>"+"<td>"
                +test.city+"</td>"+"<td>"+test.amenities+"</td>"
                +"<td>"+test.verbose_price+"</td>"+"<td>"
                +"<img src = '"+test.images_url[0].url+"'height= '120' width= '350'>"
                +"</td>"
                +"<td>"+show_str+"</td>"+"</tr>"
            });
                $("#userdata tbody").html(tableRow);
    });
});
//End
});

js中的if语句

3 个答案: