Question

我正在尝试选择所有contenteditable div并更改其中的一些功能：

$("div[contenteditable='true']").each(function() {
   console.log($(this).id);
   $(this).onblur="onDivBlur(this)" ;
   $(this).onmouseup="saveSelection()" ;
   $(this).onkeyup="saveSelection(this)" ;
   $(this).onfocus="restoreSelection(this)";

});

我做错了什么？ http://jsfiddle.net/mondayguy/oc2ooLto/ 您能否请我提供在纯js中做同样事情的例子？感谢。

Answer 1

使用$（this）.attr（'id'）代替$（this）.id

Answer 2

使用您的示例，这应该有效： -

$("div[contenteditable='true']").each(function(ind,elem) {
   //$(this).onblur = 
    alert($(elem).attr('id'));
   $(elem).onblur="onDivBlur(elem)" ;
   $(elem).onmouseup="saveSelection()" ;
   $(elem).onkeyup="saveSelection(elem)" ;
   $(elem).onfocus="restoreSelection(elem)";

});

Answer 3

这是你的答案：

   $("div[contenteditable='true']").each(function() {

  alert($(this).attr('id'));
 $(this).onblur="onDivBlur(this)" ;
 $(this).onmouseup="saveSelection()" ;
 $(this).onkeyup="saveSelection(this)" ;
 $(this).onfocus="restoreSelection(this)";

}）;

Answer 4

尝试执行类似 onblur 的操作，其他属性（如 id ）是附加到元素this的处理程序/属性，但不是jQuery元素{{ 1}}：

$(this)

请注意，我使用jQuery的链接将所有处理程序链接在一起，而不是每次都调用$("div[contenteditable='true']").each(function() { console.log($(this).attr("id")); var self = this; $(this).blur(function(){ onDivBlur(self); }) .mouseup(saveSelection) .keyup(function(){ saveSelection(self); }) .focus(function(){ restoreSelection(self); }); });。但是，如果您愿意，可以添加$(this)。

编辑： jsFiddle：http://jsfiddle.net/oc2ooLto/4/

Answer 5

试试这个：

$("div").each(function() {
if($(this).attr("contentEditable") == "true"){
 console.log($(this).attr("id"));
 //REST OF YOUR OTHER CODE
}
});

Answer 6

$（this）是jQuery对象，引用“each”循环的每次迭代中的匹配元素。因此，它本身没有'id'属性。它是一个jQuery对象。尝试这样来访问元素的id属性：

$（本）.attr（ “ID”）;

选择所有contenteditable divs

6 个答案: