Javascript 按类将Codemirror应用于多个textarea

我知道可以通过Id将codemirror应用于多个textarea，但不幸的是，我需要使用class，因为我正在使用的textarea已经有来自其他脚本的Id

这是到目前为止我的代码

HTML

---

您不能通过jQuery元素！它必须是一个常规元素。为了解决这个问题，我们将循环遍历

document.querySelectorAll（'.textarea类'）

中的元素数组，并将每个元素传递到

codemirr.fromTextarea（）

函数中

JS

var textareas=document.querySelectorAll（“.textarea类”）；
对于（变量i=0；i

---

代码镜像库和样式表演示：

您忘记在jsbin示例中添加jQuery了，谢谢。我觉得自己好笨哈哈。这是香草javascript版本。OP的版本在包含jQuery之后实际工作-

elem

是一个DOM元素，而不是jQuery对象。

<textarea class="textarea-class"></textarea>
<textarea class="textarea-class"></textarea>

$('.textarea-class').each(function(index, elem){
      CodeMirror.fromTextArea(elem, {
        lineWrapping: true,
        mode: "javascript",
        theme: "neat",
        lineNumbers: true,
      });
});

var textareas = document.querySelectorAll(".textarea-class");

for (var i = 0; i < textareas.length; i++) {
    CodeMirror.fromTextArea(textareas[i], {
        lineWrapping: true,
        mode: "javascript",
        theme: "neat",
        lineNumbers: true
     });
}