jQuery：使用动态内容声明一个变量

我想弄清楚如何创建一个基于随机（动态）编号的变量，并附加两个变量（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

预先感谢您的帮助！

来源

2014-10-16 Brion

除了显示版本之外，您还应该在HTML中注入一个合适的数值（例如'data-pointsvalue'属性）。客户端代码不应该处理转换格式化的数字。 – 2014-10-16 16:59:50

您需要正确获取号码。

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

如果你愿意，你可以简化你的三元。

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

P.S这将是多好，如果你将它存储在data-value属性，然后使用它像.data('value')得到它。

来源

2014-10-16 16:57:24

感谢您的评论。不幸的是，我们现在还没有在这个网站上使用HTML5。所以我将无法使用数据属性。 – Brion 2014-10-21 16:51:34

jQuery：使用动态内容声明一个变量

回答

相关问题