如何在ueditor中获取选中元素的css/attr等

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在ueditor中获取选中元素的css/attr等相关的知识,希望对你有一定的参考价值。

参考 百度UEditor在线编辑器
getStyle 获取元素element的某个样式值
UE.dom.domUtils.getStyle(element,name) ⇒ String
第一个参数是元素,第二个参数是需要获取的样式名称
参考技术A myeditor.getContent();试试。
http://ueditor.baidu.com/website/onlinedemo.html
这个里面有常用api的示例本回答被提问者采纳

获取在 div 元素中被选中的子元素 [重复]

【中文标题】获取在 div 元素中被选中的子元素 [重复]【英文标题】:get child element that gets selected inside div element [duplicate] 【发布时间】:2015-05-12 15:42:13 【问题描述】:

如何获取从我的 div 中选中的单选按钮

这是我的 jquery,但 c 返回未定义

$('#SpaceType').change(function () 
    var kids = $(this).children();
    $(kids).each(function() 
        var c = $(this).data('id');
    );
);

这是我的 div

<div class="btn-group" data-toggle="buttons" id="SpaceType">
                    <label id="SpaceTypeLabelHouse" class="btn btn-primary">
                        <input type="radio" name="typeoptions" autocomplete="off" id="0"> House
                    </label>
                    <label id="SpaceTypeLabelApartment" class="btn btn-primary">
                        <input type="radio" name="typeoptions" autocomplete="off" id="1"> Apartment
                    </label>
                    <label id="SpaceTypeLabelStudio" class="btn btn-primary">
                        <input type="radio" name="typeoptions" autocomplete="off" id="2"> Studio
                    </label>
                    <label id="SpaceTypeLabelOther" class="btn btn-primary">
                        <input type="radio" name="typeoptions" autocomplete="off" id="3"> Other
                    </label>
                </div>

【问题讨论】:

可能重复:***.com/q/986120/584846 为什么不使用类,那么可以使用this,因为this会=到用于触发功能的元素。这是使用相同方法的东西 一个函数 ***.com/questions/28969021/… 和 ***.com/questions/28954143/… 【参考方案1】:

使用 :checked 选择器

$('#SpaceType').change(function () 
  var c  = $(this).find(':checked').attr('id');
  alert(c)
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="btn-group" data-toggle="buttons" id="SpaceType">
  <label id="SpaceTypeLabelHouse" class="btn btn-primary">
    <input type="radio" name="typeoptions" autocomplete="off" id="0"> House
  </label>
  <label id="SpaceTypeLabelApartment" class="btn btn-primary">
    <input type="radio" name="typeoptions" autocomplete="off" id="1"> Apartment
  </label>
  <label id="SpaceTypeLabelStudio" class="btn btn-primary">
    <input type="radio" name="typeoptions" autocomplete="off" id="2"> Studio
  </label>
  <label id="SpaceTypeLabelOther" class="btn btn-primary">
    <input type="radio" name="typeoptions" autocomplete="off" id="3"> Other
  </label>
</div>

在您的情况下,您正在迭代 SpaceType 的子元素,它们是 label 元素并且它们没有 id,而且您正在阅读称为 iddata 而不是 @987654328 @ 属性。

【讨论】:

不值得写一个新的答案,但是在原生 JavaScript 中检索 id 也是微不足道的:c = this.querySelector('input:checked').id;

以上是关于如何在ueditor中获取选中元素的css/attr等的主要内容,如果未能解决你的问题,请参考以下文章

如何获取和设置HTML文档中select元素的选中项

css3 - css中如何让第一个和最后一个不被选中?

从jQuery中的多个相同的类名中获取值CSS

css中如何规定某一元素高度等于其宽度

ueditor编辑器中如何加样式,引入的css文件为啥不生效呢?

如何更改select option 边框颜色和选中的颜色,css优先,js次之??