Question

每一行都有一个唯一的ID，所以我可以得到表格行。然后，我想使用JQuery基于类或ID更新列的值，即TD。

 <tr onclick="getTableData(this)" id="id_"{{@xref.id}}>
                     <td id="id" class="hidden">{{@xref.id}}</td>
                     <td id="create_ts">{{@xref.create_ts}}</td>
                     <td id="status">{{@xref.status}}</td>
                     <td id="supply_id">{{@xref.supply_id}}</td>
                     <td id="description">{{@xref.description}}</td>
                     <td id="unit">{{@xref.unit}}</td>
                     <td id="hcpcs">{{@xref.hcpcs}}</td>
                     <td id="unitcost">{{@xref.unitcost}}</td>
                     <td id="cap">{{@xref.cap}}</td>
                     <td id="rev">{{@xref.rev}}</td>
                     <td id="buq">{{@xref.buq}}</td>
                     <!-- <td>{{@xref.create_ts}}</td> -->
                   </tr>

像

这样的东西

row.id[buq]=1

经过多次阅读后，我意识到我应该创建这些类而不是ID，因为它们并不是唯一的。所以涉及到类的解决方案会很好。

感谢所有有用的答案！我有一段时间发现错位了＃34;在我的表行定义的第一行之后的id_之后！无论如何，现在我已经切换到类，我怎么能继续隐藏id表数据？我尝试过使用

<td style="visibility:collapse;">

但它没有像报道的那样崩溃。我之前正在使用引导框架，因为你可以看到我使用class = hidden来隐藏我的id列

Answer 1

例如，如果这是您呈现的html

 <table>
 <tr id="id_1">
   <td class="id hidden">id_1</td>
   <td class="create_ts">create_ts1</td>
   <td class="buq">buq1</td>
 </tr>
 <tr id="id_2">
   <td class="id hidden">id_2</td>
   <td class="create_ts">create_ts2</td>
   <td class="buq">buq2</td>
 </tr>
 </table>

然后，您可以通过查找所需的特定td来访问您的特定tr。这可以通过使用#代码

访问其ID来完成

$('#id_1')

之后，您要做的是在td内搜索tr元素，通过.标记

搜索其CLASS

$('#id_1').find('.buq')

下面是示例jquery，用ID =“id_1”找到td CLASS =“buq”贝隆tr，然后更改它的值：

$('#id_1').find('.buq').html('xxx');

工作jsfiddle：https://jsfiddle.net/z5uepdxr/

Answer 2

假设这是你的DOM

<tr id="row_1">
    <td id="status">Data</td>
    <td id="buq">Data</td>
</tr>

然后你可以像这样选择它 -

$("#row_1 #buq")

或

$("#row_1 > #buq")

如果你改用类，比如

<tr class="row_1">
    <td class="status">Data</td>
    <td class="buq">Data</td>
</tr>

然后它会是这样的

$(".row_1 .buq")

要更改值，

$(".row_1 .buq").html('Data to be shown inside td');

毋庸置疑，您可以在其中设置任何html

Answer 3

如果我理解你的问题，如果你想以不同的方式更新它们，你可以简单地尝试下面的内容 -

$('#buq')

这样，您就可以访问带有ID＆＃39; buq＆＃39;的TD。这是你要找的吗？

由于

Answer 4

JQuery在容器元素中查找子Id的最简单方法是使用容器元素的Id。

$('#containerId').find('#childId')

您也可以使用css类找到该元素。

$('.containerId').find('.childId')

ID由＆＃39;＃＆＃39;和css类由＆＃39;。＆＃39;

表示

由于

使用jQuery访问id或类中的表行中的td

4 个答案: