Jquery选择问题

Question

Jquery代码：

$("[id$=mytable] tr").click(function() {

    alert($(this).html());

});

HTML：

<table id="mytable">

    <tr>
      <td class="locked">1</td>
      <td>2</td>
      <td>3</td>      
    </tr>
    <tr>
      <td class="locked">a</td>
      <td>b</td>
      <td>c</td>      
    </tr>      
  </table>

ı只需要“td class ='locked'”点击返回此

点击：<td class="locked">1</td>

输出：

<tr>
      <td class="locked">1</td>
      <td>2</td>
      <td>3</td>      
    </tr>

Answer 1

<强> I created a demo for you here

$(function(){
  $('td.locked').click(function(){
   var html = $(this).parent().html();
   alert('<tr>' + html + '</tr>');
  });
});

Answer 2

$('table#mytable tr td.locked').click(function() {
    alert($(this).parent().html());
});

Answer 3

我最初有一个解决方案，就像其他人一样，就是将回调绑定到td.locked。我想你真的想把它绑定到tr而只输出td.locked，所以这是我的版本：

$("#mytable tr").click(function() {

    alert($(this).find("td.locked").html());

});