Как получить идентификатор DIV, который перед таблицей с помощью JQuery

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, как я могу это получить. Но я не могу идентификатор div

Answer 1

Вы хотите использовать .closest(). Это приведет к дереву DOM, чтобы найти первый экземпляр div.

Вы также должны использовать .На() как метод .live() осуждается.

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

На другой ноте, если есть несколько таблиц и дивы, вы не хотите использовать один и тот же идентификатор для тр-х, но вместо этого класса.

Answer 2

Вы можете попробовать это

.live() амортизируется в v1.7 и удаляется в v1.9. Так что используйте .on()

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

Проверить это JSFiddle

Answer 3

Посмотрите на это ...

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

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