jQuery:使用动态内容声明变量

时间:2014-10-16 16:54:37

标签: jquery variables

我正在试图找出如何根据随机(动态)数字创建变量,如果它大于或小于5000,则附加两个变量之一(GT5K或LT5K)。

下面的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

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

您需要正确获取号码。

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

如果需要,您可以简化if到三元组。

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

P.S如果您将其存储在data-value属性中,然后像.data('value')一样使用它来获取它,那就太好了。