jquery - adding new element attribute

Question

I set a new property on a table element (each table should have the property selectedRow, which is a pointer to the tr element that is selected), but actually between calls of my click handler, that property becomes null:

 $("table.grid").each(function () {
        this.selectedRow = null;
    });

    var selectRow = function (tr) {

        var table = tr.parents("table").get();

        if (table.selectedRow == tr.get()) return;

        // table.selectedRow still NULL!!!!!!!!!!!
        if (table.selectedRow) {
            var unselect = $(table.selectedRow);
            unselect.removeClass('selectedChilds');
            unselect.prev('tr').removeClass('siblingUpChilds');
            unselect.next('tr').removeClass('siblingDownChilds');
        }

        table.selectedRow = tr.get();

        tr.addClass('selectedChilds');
        tr.prev('tr').addClass('siblingUpChilds');
        tr.next('tr').addClass('siblingDownChilds');

    }

    $('table.grid tr').click(function (e) {
        selectRow($(e.delegateTarget));
    });

are you using a plugin? Tables don't have a selectedRow property. — Christophe
– Christophe, Commented Dec 4, 2013 at 23:10
ok, the problem is that the property is attached to the variable that stores your table, not to the table itself. — Christophe
– Christophe, Commented Dec 4, 2013 at 23:22
@Christophe: but that variable is pointer to dom object, so ... it is actually set on that table i think — Krab
– Krab, Commented Dec 4, 2013 at 23:38
it doesn't, because DOM tables don't have a selectedRow property. The correct way is to set a data attribute (not a property), as in the accepted answer. — Christophe
– Christophe, Commented Dec 4, 2013 at 23:52

Wouter J · Accepted Answer · 2013-12-04 23:09:24Z

1

Use data(key[, value]) to set/get properties:

$('#my-elem').data('selected_row', '...');

answered Dec 4, 2013 at 23:09

Wouter J

42k15 gold badges113 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery - adding new element attribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related