Tinymce 4,获取元素的当前ID

时间:2013-12-11 10:15:43

标签: jquery tinymce-4

我在我的网站上使用Tinymce 4作为编辑器,现在我正在使用Jquery在编辑器中设置新内容,例如:

<p id="1">text1 text1 text1</p>
<p id="2">text2 text2 text2</p>

当用户点击某个段落时,我想要他的身份证号码。当用户使用下一个代码单击段落时,我找到了一种执行JS警报的方法:

tinymce.init({
        selector: "textarea",
        'setup' : function(ed) { 
            ed.on('init', function(e) {
                $(ed.getBody()).on("click", "p", function() {alert('hello');});
            });
        },

如何获取段落的当前ID(点击)?

1 个答案:

答案 0 :(得分:2)

如果该代码有效,那么答案是:

var id = this.id;

...在事件处理程序中,因为this将是p元素,它具有id属性。 E.g:

$(ed.getBody()).on("click", "p", function() { alert('Clicked: ' + this.id);});

附注:虽然以数字开头的id值在HTML中有效,但它们在CSS中无效(并且在HTML4及更早版本中无效),因此例如#1是CSS中的选择器无效(虽然有些引擎允许)。最好避开以数字开头的id值。