77
rated 0 times
[
78]
[
1]
/ answers: 1 / hits: 159167
/ 12 Years ago, thu, november 29, 2012, 12:00:00
I would like to dynamically generate a string of text based on a current day. So, for example, if it is day 1 then I would like my code to generate = Its the <dynamic>1*<dynamic string>st</dynamic string>*</dynamic>.
There are 12 days in total so I have done the following:
I've set up a for loop which loops through the 12 days.
In my html I have given my element a unique id with which to target it, see below:
<h1 id=dynamicTitle class=CustomFont leftHeading shadow>On The <span></span> <em>of rest of generic text</em></h1>
Then, inside my for loop I have the following code:
$(#dynamicTitle span).html(i);
var day = i;
if (day == 1) {
day = i + st;
} else if (day == 2) {
day = i + nd
} else if (day == 3) {
day = i + rd
}
UPDATE
This is the entire for loop as requested:
$(document).ready(function () {
for (i = 1; i <= 12; i++) {
var classy = ;
if (daysTilDate(i + 19) > 0) {
classy = future;
$(#Day + i).addClass(classy);
$(#mainHeading).html();
$(#title).html();
$(#description).html();
} else if (daysTilDate(i + 19) < 0) {
classy = past;
$(#Day + i).addClass(classy);
$(#title).html();
$(#description).html();
$(#mainHeading).html();
$(.cta).css('display', 'none');
$(#Day + i + .prizeLink).attr(href, + i + .html);
} else {
classy = current;
$(#Day + i).addClass(classy);
$(#title).html(headings[i - 1]);
$(#description).html(descriptions[i - 1]);
$(.cta).css('display', 'block');
$(#dynamicImage).attr(src, .. + i + .jpg);
$(#mainHeading).html();
$(.claimPrize).attr(href, + i + .html);
$(#dynamicTitle span).html(i);
var day = i;
if (day == 1) {
day = i + st;
} else if (day == 2) {
day = i + nd
} else if (day == 3) {
day = i + rd
} else if (day) {
}
}
}
More From » jquery