Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ckeditor-将类添加到工具栏按钮的父范围_Javascript_Jquery_Html_Css_Ckeditor - Fatal编程技术网

Javascript ckeditor-将类添加到工具栏按钮的父范围

Javascript ckeditor-将类添加到工具栏按钮的父范围,javascript,jquery,html,css,ckeditor,Javascript,Jquery,Html,Css,Ckeditor,我可以将类添加到按钮: editor.ui.addButton(_buttonName, { 'label': 'Switch Toolbar', icon: CKEDITOR.getUrl(this.path) + 'images/' + pluginIcon, className: 'cke_switchtoolbar', command

我可以将类添加到按钮:

  editor.ui.addButton(_buttonName,
            {
                'label': 'Switch Toolbar',
                icon: CKEDITOR.getUrl(this.path) + 'images/' + pluginIcon,
                className: 'cke_switchtoolbar',
                command: _pluginCommand
            });
但我想对它的父跨度也应用一些样式。 我该怎么做呢

<span id="cke_403" class="cke_toolbar" aria-labelledby="cke_403_label" role="toolbar">
    <span id="cke_403_label" class="cke_voice_label">Expandable</span>
    <span class="cke_toolbar_start"></span>
    <span class="cke_toolgroup" role="presentation">
        <a id="cke_404" class="cke_switchtoolbar cke_button cke_button__switchbar cke_button_off cke_switchtoolbar" "="" href="javascript:void('Switch Toolbar')" title="Switch Toolbar" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_404_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(44,event);" onfocus="return CKEDITOR.tools.callFunction(45,event);" onmousedown="return CKEDITOR.tools.callFunction(46,event);" onclick="CKEDITOR.tools.callFunction(47,this);return false;">
            <span class="cke_button_icon cke_button__switchbar_icon" style="background-image:url(http://localhost:55244/Content/ckeditor/plugins/switchbar/images/arrow-downward.png?t=D08E);background-position:0 undefinedpx;">&nbsp;</span>
            <span id="cke_404_label" class="cke_button_label cke_button__switchbar_label">Switch Toolbar</span>
        </a>
    </span>
    <span class="cke_toolbar_end"></span>
</span>

可扩展

在这种情况下,我想通过类“
cke\u工具组”
”和类“
cke\u工具栏”
”为span添加样式,该类具有类“
cke\u开关工具栏”
”的内部按钮,但是,同一类“
cke\u工具组”
”或“
cke\u工具栏”
”可以有多个span>如果您给出的按钮的类名是唯一的,将自定义按钮添加到CKEditor工具栏后,可以使用一些jquery更改样式,如下所示:

$(".cke_toolbar").closets("span").addClass(yourClass);

最近的(“span”)
部分会找到最近的父级,即span,如果需要,您可以使用任何其他选择器。

您也可以使用css将父级span作为目标,如
#cke_1_top.cke_工具箱span:last child
#cke_1_top.cke_工具箱span:n child(n)


#cke_1_top
是一个主要的父级span和
.cke_toolbox
包装所有工具栏span,使用这两个span,您可以针对任何子span

$(editor.window.getFrame().$)。contents()返回iFrame,但该按钮tollbar本身不是iFrame的一部分。您给btn的类名是否唯一?确定,我认为你需要更改内部编辑器文档,我的坏消息,我将更新我的回答。虽然这个代码片段可能会解决这个问题,但确实有助于提高你文章的质量。请记住,您将在将来回答读者的问题,这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满您的代码,因为这会降低代码和解释的可读性!