具有特定类和数据属性的jquery选择器

时间:2013-09-17 05:24:27

标签: jquery selector

我在选择具有特定类和特定数据属性的表行时遇到了问题。

我希望有人有个主意。

这是HTML源

    <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">
    ...

这很好......

    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'));

结果......

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

这不起作用......

    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'));

结果......

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

我必须选择data-obj_id = 908

的数据行

我希望有人能帮忙......

感谢名单

Talki

1 个答案:

答案 0 :(得分:3)

因为你的obj_id是唯一的..我不认为你需要类选择器

尝试

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