根据 id=section-name 中的文本,我有不同的页面需要不同的横幅图像。我想使用 Javascript 或 jQuery 检查页面使用的部分名称,然后将 CSS 类添加到横幅容器 ID。
这适用于 SharePoint 2010 网站,并将添加到母版页。
每个aspx
页面显示以下<div>
标签,并且部分名称正在动态写入页面。
<div id="section-name">*Section name goes here*</div>
例如:<div id="section-name">Toll Stadium</div>
然后我在页面下方有一个<div id="banner-container"></div>
标签。
我需要做的是<div id="banner-container"></div>
根据部分名称添加一个类。
例如:
- 如果 section-name 等于 Toll Stadium,则添加 class banner-toll -
<div id="banner-container" class="banner-toll"></div>
;或者 - 如果 section-name 等于 Whats On,则添加 class banner-whatson -
<div id="banner-container" class="banner-whatson"></div>
;或者 - 如果 section-name 等于 Christmas Festival,则添加 class banner-xmas -
<div id="banner-container" class="banner-xmas"></div>
- 等等等等
我根本不知道如何编写 javascript 或 jquery。但是,我确实在其他地方找到了一些代码,到目前为止我有以下代码。唯一的问题是每个页面都使用 case 0 类(banner-xmas)。
$(function() {
$('.container')
.find('#banner-container').each(function(i) {
switch(i) {
case 0:
$(this).addClass('banner-xmas');
break;
case 1:
$(this).addClass('banner-whatson');
break;
case 2:
$(this).addClass('banner-toll');
break;
case 3:
$(this).addClass('banner-forum');
break;
case 4:
$(this).addClass('banner-esf');
break;
case 5:
$(this).addClass('banner-xmas');
break;
case 6:
$(this).addClass('banner-plan');
break;
case 7:
$(this).addClass('banner-contact');
break;
}
});
我也尝试了以下方法,但这也不起作用:
var objSectionElement = document.getElementById('section-name')
if (objSectionElement != undefined) {
var objSection = objSectionElement.innerHTML.trim();
var objBody = document.body;
if (objSection != undefined && objBody != undefined) {
if (objSection.startsWith('Default')) {
objBody.className = objBody.className + " .banner-general";
}
else if (objSection.startsWith('What')) {
objBody.className = objBody.className + " .banner-whatson";
}
else if (objSection.startsWith('Toll')) {
objBody.className = objBody.className + " .banner-toll";
}
else if (objSection.startsWith('Forum')) {
objBody.className = objBody.className + " .banner-forum";
}
else if (objSection.startsWith('Endless')) {
objBody.className = objBody.className + " .banner-esf";
}
else if (objSection.startsWith('Christmas')) {
objBody.className = objBody.className + " .banner-xmas";
}
else if (objSection.startsWith('Plan')) {
objBody.className = objBody.className + " .banner-plan";
}
else if (objSection.startsWith('Contact')) {
objBody.className = objBody.className + " .banner-contact";
}
}
有什么建议吗?