HTML5 contentEditable与jQuery

Question

我有一些元素需要将文本内部编辑,为此我使用HTML 5属性contentEditable.我似乎无法使用多个选择器来使用jQuery.我想要做的是让容器div中的每个标签都可以编辑.这是一个如果它与jQuery一起工作的例子:

$("#container <all tags here>").contentEditable = "true";

我不知道如何让它选择所有标签,但你明白了.

所以所有span,div,table,bold等都应该是可单独编辑的

Answer 1

$('#container *').attr('contenteditable','true');

* 表示"所有元素类型",类似于 a,div,span,ul,etc...

与大多数其他jQuery函数一样,attr将相同的操作应用于选择器捕获的每个元素.

@DaveJarvis:属性是`contenteditable`,而不是`contentEditable`.如果这在IE的某些版本中不起作用,那是因为旧的IE的`setAttribute()`实现被破坏了,所以我建议使用`contentEditable`属性.这通常是几乎所有属性的好主意.所以,我建议`$('#container*').prop('contentEditable','true')` (7认同)

Answer 2

$("#container *").attr("contentEditable", true)

只是一个猜测。远离工作站。