如何使用jquery

Question

我想在一个带有点击功能的td中显示一个表。但是它在完整列中显示了带有单击功能的表。如何使它只显示执行单击功能的相同td的表？

＆＃13;

＆＃13;

$(document).ready(function() {

  $("#checklistbox").hide();
  $("#row_list").hide();

  $("#checklist").click(function() {
    $("#checklistbox").show();
  });

  $("input").click(function() {
    $("#checklistbox").hide();
  });


});

$(document).ready(function() {
  $("#nameinitials").each(function() {
    $(".table-responsive").hide();
  });
});

$(document).ready(function() {
  $(".val_resp").click(function() {
    $("#val_resp").each(function() {
      $(".table-responsive").show();
    });
  });


  $("input").click(function() {
    $("#val_resp").each(function() {
      $(".table-responsive").hide();
    });
  });
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用相对于$(this)

的DOM遍历函数

$(".val_resp").click(function() {
    $(this).closest("td").find(".table_responsive").show();
});