2013-03-05 48 views
2

並不完全知道如何標題這個問題。 我的問題可能很簡單,但我不知道正確的工作解決方案。JS:連接html(with +) - >只有在條件爲真時纔打印html?

if (rt > 0) retweets = '<div class="stats"><b>' + rt + '</b> Retweets</div>'; 

var tweet = 
'<article class="item tweet">' + 
    '<h4 class="tweet_from_user_name">' + tw.from_user_name + 
    '<p class="tweet_text">' + tw.text + '</p>' + 
    retweets + 
'<article>'; 

$('#twitter').html(tweet); 

所以我有這個問題。我正在用「用戶名」和「Tweet文本」打印推文,並且只有在可用時才顯示「推文」。

所以我不想寫「0轉推」,而只是不顯示包含轉推的<div>

如何確保retweets變量不是printet如果rt是較小的0.現在這將工作。但唯一的是,如果rt小於0,則retweets現在不確定。

感謝您的幫助。

回答

1

這裏是沒有任何額外的變量,一個簡短的方式:爲空字符串

var tweet = 
'<article class="item tweet">' + 
    '<h4 class="tweet_from_user_name">' + tw.from_user_name + 
    '<p class="tweet_text">' + tw.text + '</p>' + 
    (rt > 0 ? '<div class="stats"><b>' + rt + '</b> Retweets</div>' : '') + 
'<article>'; 
1
retweets = (rt > 0) ? ('<div class="stats"><b>' + rt + '</b> Retweets</div>') : ""; 
2
var retweets = ""; 
if (rt > 0) retweets = '<div class="stats"><b>' + rt + '</b> Retweets</div>'; 
1

設置retweets如果沒有轉推

if (rt > 0) { 
    retweets = '<div class="stats"><b>' + rt + '</b> Retweets</div>'; 
} else { 
    retweets = ''; 
} 
0

你可以嘗試三元

var tweet = 
'<article class="item tweet">' + 
    '<h4 class="tweet_from_user_name">' + tw.from_user_name + 
    '<p class="tweet_text">' + tw.text + '</p>' + 
    (rt > 0 ? retweets : "") + 
'<article>'; 
0
retweets = (rt > 0) ? '<div class="stats"><b>' + rt + '</b> Retweets</div>' : ''; 

基本上,它設置爲空字符串,如果rt小於或等於0。

0

if語句只需使用一個

if (rt > 0) retweets = '<div class="stats"><b>' + rt + '</b> Retweets</div>'; 

var tweet = 
'<article class="item tweet">' + 
    '<h4 class="tweet_from_user_name">' + tw.from_user_name + 
    '<p class="tweet_text">' + tw.text + '</p>'; 
if rt > 0 { 
var tweet+= retweets 
} 
var tweet+='<article>'; 

$('#twitter').html(tweet);