2014-10-16 42 views
0

我想弄清楚如何創建一個基於隨機(動態)編號的變量,並附加兩個變量(GT5K或LT5K)之一,如果它大於或小於5000jQuery:使用動態內容聲明一個變量

下JS小提琴包含我的整個腳本 - 其中大部分是工作,但下列情況除外:

var welcomePointsValue = jQuery('.welcomePointsValue').html(); 
var GT5K = '<p id="rcPoints">Redeem your points and save money today.</p>'; 
var LT5K = '<p id="rcPoints">Add bonus points to your room below and start earning more rewards.</p>'; 

if (welcomePointsValue < 5000) { 
    //append var to ID if less than 5000 points 
    jQuery('#posMsgWrapperCont').append(LT5K); 
} else { 
    //append var to ID if greater than 5000 points 
    jQuery('#posMsgWrapperCont').append(GT5K); 
} 

我是比較綠色的,當涉及到使用變量,可以隨意指出我可能忽略的任何問題。

View my JS Fiddle here...see line 37

預先感謝您的幫助!

+0

除了顯示版本之外,您還應該在HTML中注入一個合適的數值(例如'data-pointsvalue'屬性)。客戶端代碼不應該處理轉換格式化的數字。 – 2014-10-16 16:59:50

回答

0

您需要正確獲取號碼。

var welcomePointsValue = 
Number(jQuery('.welcomePointsValue > span').text().replace(/\D/g,"")); 

如果你願意,你可以簡化你的三元。

jQuery('#posMsgWrapperCont').append(welcomePointsValue > 5000 ? GTFK : LT5k); 

P.S這將是多好,如果你將它存儲在data-value屬性,然後使用它像.data('value')得到它。

+0

感謝您的評論。不幸的是,我們現在還沒有在這個網站上使用HTML5。所以我將無法使用數據屬性。 – Brion 2014-10-21 16:51:34