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

Question

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

希望大家有想法。

这是 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 的数据行

希望大家能帮忙...

谢谢

对话

Answer 1

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

尝试

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