2011-05-04 28 views
3

关于JQuery如何工作并尝试替换摘要链接div标记的类名称的新特性。在内容编辑器中使用JQuery1.4min代替SharePoint中的div class

<div class="slm-layout-main groupmarker">sometext</div> 

想改变这种状况,以

<div class="slm-layout-main groupmarker ms-rteFontSize-3">sometext</div> 

,并有多处此DIZ标签更换。

我试图在ContentEditor是这样的:

<script src="/sites/lrp/Shared%20Documents/jquery-1.4.2.min.js" type="text/javascript"></script><script type="text/javascript"> 

$(".slm-layout-main groupmarker") 
.removeClass("slm-layout-main groupmarker") 
.addClass("slm-layout-main groupmarker ms-rteFontSize-3"); 
</script> 

任何帮助是极大的赞赏。谢谢,

+0

你是否有理由删除类,然后重新添加它们? – Jeremy 2011-05-04 19:25:13

+0

使用Sharepoint内部的摘要链接和请求是更改字体大小。 – 2011-05-04 20:56:08

回答

1

这将得到所有元素.slm-layout-main和每个也有.groupmaker它将添加.ms-rteFontSize-3。与其他类别存在的情况下,此不处理

$(".slm-layout-main").each(function(){ 
    if($(this).hasClass(".groupmaker")){ 
    $(this).addClass"ms-rteFontSize-3"); 
    } 
}); 
+0

我的脚本编辑器现在看起来像: 我得到网页错误的详细信息 消息:预期';' Line:732 Char:21 – 2011-05-04 21:05:48

1

您的选择器并不完全符合您的想法。就好像它是你定义的CSS类,并把它想象你最终会寻找.slm-layout-main“包含称为<groupmarker>

$(".slm-layout-main groupmarker") 

应元件s -

$(".slm-layout-main.groupmarker") 

编辑
重新阅读你的应用程序后,你仍然需要遍历你的选择:

$(".slm-layout-main.groupmarker").each(function(){ 
    $(this) 
     .removeClass("slm-layout-main groupmarker") 
     .addClass("slm-layout-main groupmarker ms-rteFontSize-3"); 
}); 
+0

+1不知道你可以像这样链接选择器。 – Jeremy 2011-05-04 19:24:06

+0

我已经花了相当长的时间来浏览SharePoint泥,疯狂的选择器技巧已经成为我的特长:D – HurnsMobile 2011-05-04 19:48:50

+0

我的脚本编辑器现在看起来像: 而我得到的网页错误的详细信息 消息:语法错误 线:739 字符:8 – 2011-05-04 21:04:49