jquery selector with specific class and data attribute

Question

I have a litte problem with selecting a table row with specific class and a specific data attribute.

I hope anyone has an idea.

This is the HTML source

    <table id="source" class="connectedSource" width="100%">
    <thead>
    ...
    <tbody>
    ...
    <tr class="headrow" bgcolor="#c2c2c2">
    ...
    <tr data-obj_id="904" class="datarow ui-draggable" bgcolor="#ffffff">
    ...
    <tr data-obj_id="906" class="datarow ui-draggable" bgcolor="#ffffff">
    ...
    <tr data-obj_id="908" class="datarow ui-draggable" bgcolor="#ffffff">
    ...
    <tr data-obj_id="903" class="datarow ui-draggable" bgcolor="#efefef">
    ...

This works fine ...

    if ($.browser.mozilla) console.log('selector = ' + "tbody tr.datarow");
    if ($.browser.mozilla) console.log('source row class = ' + $("#source").find("tbody tr.datarow").attr('class'));
    if ($.browser.mozilla) console.log('source row obj_id = ' + $("#source").find("tbody tr.datarow").data('obj_id'));

The result ...

    selector = tbody tr.datarow
    source row class = datarow ui-draggable
    source row obj_id = 904

This doesn't work ...

    if ($.browser.mozilla) console.log('selector = ' + "tbody tr.datarow[data-obj_id='" + source_obj_id + "']");
    if ($.browser.mozilla) console.log('source row class = ' + $("#source").find("tbody tr.datarow[data-obj_id='" + source_obj_id + "']").attr('class'));
    if ($.browser.mozilla) console.log('source row obj_id = ' + $("#source").find("tbody tr.datarow[data-obj_id='" + source_obj_id + "']").data('obj_id'));

The result ...

    selector = tbody tr.datarow[data-obj_id='875']
    source row class = undefined
    source row obj_id = undefined

I have to select the datarow with data-obj_id = 908

I hope anyone can help ...

Thanx

Talki

looks fine to me jsfiddle.net/arunpjohny/sGhKs/1

Arun P Johny
– Arun P Johny

2013-09-17 05:39:21 +00:00
Commented Sep 17, 2013 at 5:39 — Arun P Johny
– Arun P Johny, Commented Sep 17, 2013 at 5:39

bipen · Accepted Answer · 2013-09-17 05:29:21Z

3

since your obj_id is unique.. i don't think you need class selector there

try with

 "tbody tr[data-obj_id='" + source_obj_id + "']"

answered Sep 17, 2013 at 5:29

bipen

36.6k9 gold badges51 silver badges62 bronze badges

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

3 Comments

Talki Over a year ago

The Result = selector = tbody tr[data-obj_id='908'] source row class = undefined source row obj_id = undefined

bipen Over a year ago

make sure your source_obj_id is correct... working example jsfiddle.net/bipen/MgZFA

Talki Over a year ago

oh my goodness ... i found my problem ... ther are 2 tables (source and destination) ... it works with drag and drop ... if object is dropped on destination table, the object in source was removed ... that was the only problem ... thanx for help ... Talki

Collectives™ on Stack Overflow

jquery selector with specific class and data attribute

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related