2014-10-16 3 views
0

Я пытаюсь выяснить, как создать переменную, основанную на случайном (динамическом) числе, и добавить одну из двух переменных (GT5K или LT5K), если она больше или меньше 5000.jQuery: объявить переменную с использованием динамического содержимого

JS Fiddle ниже содержит весь мой сценарий - большинство из которых работает, за исключением следующего:

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

В дополнение к отображаемой версии вы должны ввести правильное числовое значение (например, как атрибут data-pointsvalue) в свой HTML. Клиентский код не должен иметь дело с преобразованием форматированных чисел. –

ответ

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 на этом сайте. Поэтому я не смогу использовать атрибут data. – Brion