JQuery показать вход в колонке OnClick

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 Я хочу, чтобы обрабатывать события нажатия кнопки мыши на классе тд. Когда я нажимаю, div должен скрываться, и текстовый ввод должен появиться.

Я не могу использовать идентификаторы или классы для дочерних элементов (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(); 
});