javascript - 获取 ckeditor 中元素的 id

Question

不幸的是，我必须为此提出一个新问题，因为我还无法在回复中添加评论(在国外帖子中)。

在这个问题( Clicking CKEditor content to show alert )中，Palec 发布了一个在 CKEditor 中获取 onclick 事件的解决方案，该解决方案对我来说非常有效，但由于我几乎不了解 jQuery，我需要知道如何获取元素的 id(在此使用下面的代码在 CKEditor 中区分 div 的 id。

这就是我正在谈论的代码片段。

CKEDITOR.on('instanceReady', function() {
    $('.cke_contents iframe').contents().click(function() {
        alert('Clicked!');
    });
});

感谢您的帮助，帕斯卡

Answer 1

您可以使用 native Javascript 获取元素的 id

element.id

并在 jQuery 中使用

$('element').attr('id')

工作示例:

// Native Javascript
var myDiv = document.getElementsByTagName('div')[0];
var myDivId = myDiv.id;
window.alert('Native javascript has found the id of the <div> is "' + myDivId + '"');

// jQuery
$(document).ready(function(){
alert('jQuery Library has found the id of the <div> is "' + $('div').attr('id') + '"');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="my-div"></div>