Question

Suppose I have a specific table selected in TinyMCE, like this:

    var ed = tinyMCE.activeEditor;
    var selection = ed.selection.getContent();
    var element = ed.dom.getParent(ed.selection.getNode(), 'table');

How do I loop through the tr elements inside this?

I suspect one of these methods might be relevant, but I’m so new to classes, I’m having trouble understanding how to apply them:

TinyMCE select(): http://www.tinymce.com/wiki.php/API3:method.tinymce.dom.DOMUtils.select

TinyMCE getAll(): http://www.tinymce.com/wiki.php/API3:method.tinymce.html.Node.getAll

Answer 1

You may loop through any node in tinymce like a regular html node because they are in fact regular html nodes.

So this will suffice:

var ed = tinyMCE.activeEditor;
var element = ed.dom.getParent(ed.selection.getNode(), 'table');

var child = element.firstChild;
while(child){
    if(child.nodeName.toLowerCase() == 'tr'){
        //do your stuff here
    }
    child = child.nextSibling;
}