2011-05-04 5 views
3

JQuery가 작동하는 방식과 요약 링크 div 태그의 클래스 이름을 바꿀 때 매우 새로운 기능이 있습니다. 콘텐츠 편집기에서 JQuery1.4min을 사용하여 SharePoint에서 div 클래스 바꾸기

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

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

에 그 변경하려면 교체이 뭐라고 써있 냐면 태그 여러 곳이있다.

나는이 같은 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

+0

Sharepoint에서 요약 링크로 작업하며 글꼴 크기를 변경해야합니다. –

답변

1

이 모든 요소는 .slm-layout-main이고, 각 요소는 .groupmaker이며, 각각 .ms-rteFontSize-3이됩니다. 이 은 다른 클래스가있는 경우와 함께을 처리하지 않습니다.

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

내 스크립트 편집기의 모양은 다음과 같습니다. 그리고 웹 페이지 오류 정보가 나타납니다. 메시지 : 예상 ';' 줄 : 732 문자 : 21 –

1

귀하의 선택자는 귀하가 생각하는 것과 다릅니다. 당신이 정의 된 CSS 클래스 인 것처럼이 생각하고 <groupmarker>

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

될 하는가라는 요소를 포함 .slm-layout-main 년대를 찾고 끝낼 것 -

$(".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

+0

SharePoint 셰이드를 통해 꽤 많은 시간을 보냈습니다. 미친 셀렉트 트릭이 내 목표가되었습니다. D – HurnsMobile

+0

내 스크립트 편집기의 모양은 다음과 같습니다. 는 그리고 웹 페이지 오류 세부 메시지 수> : 구문 오류를 라인 : 739 문자 : 8 –