Geçerli bir güne dayalı olarak dinamik olarak bir metin dizisi oluşturmak istiyorum. Dolayısıyla, örneğin, 1. günse, kodumun = "Onun <dynamic> 1 * <dynamic string> st </ dynamic string> * </dynamic>" olmasını istiyorum.
Toplamda 12 gün var, bu yüzden aşağıdakileri yaptım:
12 gün boyunca dönen bir for döngüsü kurdum.
HTML'imde, elemanıma onu hedeflemek için benzersiz bir kimlik verdim, aşağıya bakın:
<h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1>Ardından, for döngümün içinde şu koda sahibim:
$("#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" }
GÜNCELLEME
Bu, istendiği gibi for döngüsünün tamamıdır:
$(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) {
}
}
}