2011-05-04 16 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

相關問題