javascript - 如何使用ID Jquery从tr访问td

Question

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

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

但它删除所有 tds 并将 html 插入到列中。

这是表格结构

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

我尝试了不同的方法作为

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

但它也不起作用。

Answer 1

你需要给一个空格或者一个td在 :nth-child 之前.空格表示子选择器或后代选择器:

$("#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);

没有空格的当前版本:

$("#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选择器，当你使用 #id 时选择。你的第一个风格成功了。