如何使用jquery获取表之前的div的id

Question

我有一个div，它像以前一样包含table

  <div id='divid'>
     <table>
       <tbody>
          <tr id="clicktr">
             <td> Some content</td>             
          <tr>
      </tbody>
      </table>
  </div>

javascript代码：

  $("#clicktr").live('click',function(e){
       console.log($(this).parent().parent().attr('id'));
  });

在行单击时，我想获取 div 的 id，我怎样才能得到它。 但我无法获得 div 的 id

Answer 1

你可以试试这个

.live() 在 v1.7 中被贬值，在 v1.9 中被删除。所以使用.on()

$("#clicktr").on('click',function(){
       console.log($(this).parent().closest('div').attr("id"));
});

检查这个JSFiddle

Answer 2

看看这个...

jsFiddle：http://jsfiddle.net/K3Xy6/1/

$('table tr td').click(function(e){
    var divId = $(this).closest('div').attr('id');
    alert(divId);
 });

Answer 3

您想使用 .closest()。这将遍历 DOM 树以找到 div 的第一个实例。

您还应该使用 .on()，因为 .live() 方法已被弃用。

$('table').on('click', '#clicktr', function(){
    var ID = $(this).closest('div').attr('id');
}); 

另一方面，如果有多个表和 div，您不想为 tr 使用相同的 ID，而是使用一个类。