Question

我有一张表：

<table>
   <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
   </tr>

   <tr>
      <td class='core'>
          <div>Result OK</div>
          <input type='text' name='editResult' style='display:none'>
      </td>
      .
      .        
      .
   </tr>

</table>

使用jQuery我想在td类上处理一个click事件。单击时，div必须隐藏，并且必须出现文本输入。

我不能将id或类用于子元素（div和input）。

有帮助吗？

Answer 1

您可以这样做：

$(".core").click(function(){
    $(this).find("div").css('display', 'none');
    $(this).find("input").css('display', 'block')
});

https://jsfiddle.net/wq928est/

Answer 2

您可以使用jquery的标记/元素选择器来执行此操作，您可以从以下位置了解有关它的更多信息：https://api.jquery.com/element-selector/

所以代码就像

$(".core").click(function(){
    $(this).find("div").hide().end().find("input").show();//using chaining
});

或

$(".core").click(function(){
    var $this = $(this); //cache data
    $this.find("div").hide();
    $this.find("input").show();
});

jQuery在列onclick中显示输入

2 个答案: