我有一个共享点日历,我想根据它们包含的注册号对不同的块进行颜色编码(用于学校的小巴)
如何设置 .ms-cal-eworkday 的背景颜色 a.ms 如果 -cal-tweekitem 包含"EF04 WTR"
我需要在 js/jquery 中执行此操作,因为我没有编辑 aspx(理事会政治)的权限
每个条目如下所示。
<td class="ms-cal-eworkday" rowspan="6">
<table cellpadding="0" cellspacing="0" border="0" class="ms-cal-tweekitem" dir="">
<tbody><tr>
<td valign="top" href="/schools/ecclesfield/newdemosite/minibus-booking/Lists/Minibus/DispForm.aspx?ID=3" onclick="GoToLink(this);return false;" target="_self">
<div>
<img src="/_layouts/images/blank.gif" width="50" height="1" alt=""><br>
<img src="/_layouts/images/recursml.gif" class="ms-cal-hidden" alt="" align="absmiddle">
<a onfocus="OnLink(this)" class="ms-cal-dayitem" href="/schools/ecclesfield/newdemosite/minibus-booking/Lists/Minibus/DispForm.aspx?ID=3" onclick="GoToLink(this);return false;" target="_self" tabindex="5">
<nobr>03:00 PM</nobr>
<br>
<b>test2</b>
<br>
EF04 WTR
</a>
</div>
</td>
</tr>
</tbody></table>
</td>
我知道代码有点混乱,这就是 sharepoint 的工作方式:(
提前谢谢。
吊楔
一种方法是遍历表格并检查每个单元格。
$(function(){
$('.ms-cal-dayitem').each(function(){
if( $(this).text().indexOf("EF04 WTR") != -1 ) {
$(this).closest('.ms-cal-eworkday').css("background-color","blue");
}
});
});
显然更改颜色以适应,但这会为任何包含文本EF04 WTR
a.ms-cal-dayitem
的td.ms-cal-eworkday
设置背景红色......
$("a.ms-cal-dayitem").filter(function() {
return $(this).text().indexOf("EF04 WTR") != -1;
}).closest("td.ms-cal-eworkday").css("background-color", "red");
filter()
意味着它将仅返回与条件匹配的元素,在本例中,这些元素包含相关文本。
在上面回答的同一行中,我对 aproach 的唯一更改是在 css 中创建类,然后使用 jQuery 添加或删除类,但只是一个细节