在内容编辑器中使用JQuery1.4min替换SharePoint中的div类

Question

关于JQuery如何工作以及尝试替换摘要链接div标签的类名的新方法。

<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>

非常感谢任何帮助。谢谢，

Answer 1

这将获得.slm-layout-main的所有元素，并且每个元素也包含.groupmaker，它将添加.ms-rteFontSize-3。 不处理与其他类存在的情况。

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

Answer 2

你的选择器不是你想象的那样。可以把它想象成你定义的css类，你最终会找到包含名为.slm-layout-main的元素的<groupmarker>

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

应该是 -

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

修改
重新阅读您的应用程序后，您仍然需要迭代您的选择：

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