Tengo varios elementos div, cada uno incluye un elemento codemirror. Quiero obtener la identificación de div al cambiar el codemirror dentro.
$(document).ready(function(){ $(".code").each(function (i, editorEl) { CodeMirror.fromTextArea(editorEl, { lineNumbers: true, mode: "xml" }).on("change", function(editorEl) { //console.log(editorEl.getValue());// this row works all right console.log("HOW I GET THE PARENT ELEMENT ID HERE"); }); }); }); <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.js"></script> <div id="poo"><textarea class="code" mode="text/html"></textarea></div> <div id="foo"><textarea class="code" mode="text/html"></textarea></div> <div id="boo"><textarea class="code" mode="text/html"></textarea></div> <!-- ... --> <div id="nnn"><textarea class="code" mode="text/html"></textarea></div>Gracias a todos. Resolví este problema:
$(document).ready(function(){ $(".code").each(function (i, editorEl) { CodeMirror.fromTextArea(editorEl, { lineNumbers: true, mode: "xml" }).on("change", function(editorEl) { var parent_id = $(editorEl.getTextArea()).parent().attr("id") console.log(parent_id); }); }); }); <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.js"></script> <div id="poo"><textarea class="code" mode="text/html"></textarea></div> <div id="foo"><textarea class="code" mode="text/html"></textarea></div> <div id="boo"><textarea class="code" mode="text/html"></textarea></div> <!-- ... --> <div id="nnn"><textarea class="code" mode="text/html"></textarea></div>