मैं एक मौजूदा दिन के आधार पर पाठ की एक स्ट्रिंग को गतिशील रूप से उत्पन्न करना चाहूंगा। इसलिए, उदाहरण के लिए, यदि यह दिन 1 है, तो मैं अपना कोड जनरेट करना चाहूंगा = "इसका <डायनेमिक> 1 * <डायनेमिक स्ट्रिंग> सेंट </ डायनेमिक स्ट्रिंग> * </ डायनेमिक>"।
कुल 12 दिन हैं इसलिए मैंने निम्नलिखित कार्य किए हैं:
मैंने एक लूप के लिए सेट किया है जो 12 दिनों के दौरान लूप करता है।
अपने html में मैंने अपने तत्व को एक अद्वितीय आईडी दिया है, जिसके साथ इसे लक्षित करने के लिए, नीचे देखें:
<h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1>
फिर, लूप के लिए मेरे अंदर निम्नलिखित कोड हैं:
$("#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" }
अपडेट करें
अनुरोध के अनुसार यह लूप के लिए संपूर्ण है:
$(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
ब्लॉक की सामग्री है जो आगे लूप द्वारा निहित है? अधिक कोड दिखाएं ....