Je souhaite générer dynamiquement une chaîne de texte basée sur un jour en cours. Ainsi, par exemple, si c'est le jour 1, je voudrais que mon code génère = "C'est le <dynamic> 1 * <dynamic string> st </ dynamic string> * </dynamic>".
Il y a 12 jours au total, j'ai donc fait ce qui suit:
J'ai mis en place une boucle for qui parcourt les 12 jours.
Dans mon html, j'ai donné à mon élément un identifiant unique avec lequel le cibler, voir ci-dessous:
<h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1>
Ensuite, dans ma boucle for, j'ai le code suivant:
$("#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" }
METTRE À JOUR
C'est la boucle for entière comme demandé:
$(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) {
}
}
}
if
bloc qui est en outre contenu par la boucle? Afficher plus de code ....