first-sibling

[jsonx]

Hi, I try to select first sibling td's id on click.

Ext.onReady(function(){
        Ext.select("table").on("click", function(e,t){
            e.stopEvent();
            Ext.get(t).first();  //jQuery: $(e.target).siblings("td:first")
        });
    });

    <table>
        <tr>
            <td id="foo">alfa</td><td>beta</td>
        </tr>
        <tr>
            <td id="bar">alfa</td><td>beta</td>
        </tr>
    </table>

any help would be appreciated.

[Animal]

Ext.override(Ext.Element, {
    siblings: function(s) {
        var n = this.dom.parentNode, r, c, i, l, rl;
        if(s) {
            r = Ext.DomQuery.select('/' + s, n);
            for (i = 0, rl = r.length; i < rl; i++) {
                if (r[i] === this.dom) {
                    r.splice(i, 1);
                    return r;
                }
            }
        } else {
            r = [];
            c = n.childNodes;
            for (i = 0, rl = c.length; i < rl; i++) {
                if (c[i] !== this.dom) {
                    r.push(c[i]);
                }
            }
            return r;
        }
    }
});

[jsonx]

Thanks Animal. I think such methods should be added to the Ext Core.

[Animal]

Maybe. But there are several dozen ways to skin any cat. eg:

Ext.onReady(function(){
        Ext.select("table").on("click", function(e,t){
            e.stopEvent();
            Ext.get(t).up('tr').first();
        });
    });