添加如果/否则如果在Javascript内部陈述HTML

Question

好吧，所以我有一个服务器端数据表读取JSON格式的子行。 If/Else If/Switch之间的语句如何？

<script type="text/javascript"> 

function format (d) { 
return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">', 

    '<tbody>'+ 
    '<tr>'+ 
     '<td class="second-td-box">'+ 
      '<p class="at-a-glance">Basic information:</p>'+ 
      '<p><span class="subhead">Name: </span>'+d.RES_GUEST_FIRSTNAME+'</p>'+ 
     '</td>'+ 
    '</tr>'+ 
    '</tbody>'+ 
'</table>'+ 
</script> 

我曾尝试：

<script type="text/javascript"> 

function format (d) { 
return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">', 

    '<tbody>'+ 
    '<tr>'+ 
     '<td class="second-td-box">'+ '' 
      if (d.RES_GUEST_FIRSTNAME == "Alex") { 
      '<p class="at-a-glance">Basic information:</p>'+ 
      '<p><span class="subhead">Name: </span>'+d.RES_GUEST_FIRSTNAME+'</p>'+ 
      } 
     '</td>'+ 
    '</tr>'+ 
    '</tbody>'+ 
'</table>'+ 
</script> 

使用下面的代码解决了问题：

((d.BOOKING_SOURCE_ID == 73844)? 
     '<td class="second-td-box">'+ 
      '<p class="at-a-glance">Airbnb information:</p>'+ 
      '<p><span class="subhead">Confirmation: </span>'+d.CONFIRMATION+'</p>'+ 
      '<p><span class="subhead">Agency Income: </span>'+d.AIRBNB_AGENCY_INCOME+'</p>'+ 
      '<p><span class="subhead">Airbnb Income: </span>'+d.AIRBNB_INCOME+'</p>'+ 
      '<p><span class="subhead">Airbnb fees: </span>'+d.AIRBNB_FEES+'</p>'+ 
      '<p><span class="subhead">Airbnb per night: </span>'+d.AIRBNB_PER_NIGHT+'</p>'+ 
      '<span id="chart_div"></span>' 
      :"")+ 
     '</td>'+ 


    ((d.BOOKING_SOURCE_ID == 73858)? 
      '<td class="second-td-box">'+ 
      '<p class="at-a-glance">Booking.com information:</p>'+ 
      '<p><span class="subhead">Booking date: </span>'+d.BOOKING_DATE+'</p>'+ 
      '<p><span class="subhead">Booking currency: </span>'+d.BOOKING_CURRENCY+'</p>'+ 
      '<p><span class="subhead">Booking total: </span>'+d.BOOKING_TOTAL+'</p>'+ 
      '<p><span class="subhead">Booking comission: </span>'+d.BOOKING_COMISSION+'</p>'+ 
      '<p><span class="subhead">Booking policy: </span>'+d.BOOKING_POLICY+'</p>'+ 
      '<span id="chart_div"></span>' 
      :"")+ 
     '</td>'+ 
     '</tr>'+ 

看来我只能 “打印” 使用条件运算符。

Answer 1

您可以尝试条件运算符（https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Operators/Conditional_Operator）：

<script type="text/javascript"> 

function format (d) { 
return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">', 

    '<tbody>'+ 
    '<tr>'+ 
     '<td class="second-td-box">'+ '' + 
      ((d.RES_GUEST_FIRSTNAME == "Alex")? 
      '<p class="at-a-glance">Basic information:</p>'+ 
      '<p><span class="subhead">Name:</span>'+d.RES_GUEST_FIRSTNAME+'</p>' 
      :"")+ 
     '</td>'+ 
    '</tr>'+ 
    '</tbody>'+ 
'</table>'+ 
</script> 

Answer 2

如果与串联while语句不能使用。您可以使用conditional operator是这样的：

'string' + d.RES_GUEST_FIRSTNAME ? 'add string' : '' + 'another string'; 

Answer 3

return 'string ='+(d.RES_GUEST_FIRSTNAME == "Alex")?'yes':'no'; 

用法：

(condition)? [value if true] : [value if false]; 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

Answer 4

基本上你正在返回一个字符串，这样你就可以建立位这件事位。我会强调，从JavaScript返回HTML作为字符串不是推荐的注入HTML方式。

var returnString = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'; 

returnString += '<tbody>'; 
returnString += '<tr>'; 

等..

，如果你想在一个如果/当别人

，那么你可以这样做

添加然后返回字符串

return returnString; 

所以

if (d.RES_GUEST_FIRSTNAME == "Alex") { 
    returnString += '<p class="at-a-glance">Basic information:</p>'; 
}