如何使用 id Jquery 从 tr 访问 td

Question

我的 tr 有 id 和两列 (tds) 我想通过这样做动态地更改第二个 td html:

$("#value_"+ control_id+":nth-child(2)").html(type_id_name);

但它会擦除所有 tds 并在 on 列中插入 html。

这是table结构

<tr id="value_486">
  <td></td>
  <td></td>
<tr>

我尝试了不同的方法

$("#tableID tr#value_"+ control_id+":nth-child(2)").html(type_id_name);

但是也没用。

Answer 1

您需要在 :nth-child 之前输入 space 或 td。 Space 表示 child 或后代 select 或：

$("#tableID tr#value_"+ control_id+" :nth-child(2)").html(type_id_name);
$("#tableID tr#value_"+ control_id+" td:nth-child(2)").html(type_id_name);

您当前的 space：

$("#tableID tr#value_"+ control_id+":nth-child(2)").html(type_id_name);

选择 <tr> 的第二个实例，它不存在！

$(function () {
  var control_id = 486;
  var type_id_name = "Praveen";
  $("#tableID tr#value_"+ control_id+" :nth-child(2)").html(type_id_name);
  $("#tableID tr#value_"+ control_id+" td:nth-child(2)").html(type_id_name);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tableID">
  <tr id="value_486">
    <td></td>
    <td></td>
  <tr>
</table>

是的，当您使用 #id 到 select 时，您不需要两个 #id select 或。你的第一个风格成功了。

如何使用 id Jquery 从 tr 访问 td

How to access td from tr with id Jquery

html

javascript

jquery

jquery-selectors