javascript - JQUERY如何获取div ID

Question

如果单击链接按钮，我想获取 ID 或类

<div class="pane alt" id="a">
<h3>Nick says:</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada
<p><a href="#" class="btn-delete">Delete</a>  <a href="#" class="btn-unapprove">Unapprove</a>  <a href="#" class="btn-approve" style="display:none">Approve</a>

我创建的用于处理单击的按钮的代码是导致“未定义”的代码

$('.btn-unapprove').click(function(){

    var id = $(this).attr('id');
    alert(id); 

});

那么如果点击链接是否可以获得div id？如果可以怎么办？

Answer 1

首先:您应该更正您的 HTML。因为如果您的 HTML 未在 DOM 中正确加载，那么 Jquery/Javascript 也无法提供正确的结果。

在 HTML 中，您缺少一些结束标记，例如 - “</p>, </div> ”

<div class="pane alt" id="a">
  <h3>Nick says:</h3>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada</p>
  <p>
    <a href="#" class="btn-delete">Delete</a>  <a href="#" class="btn-unapprove">Unapprove</a> 
    <a href="#" class="btn-approve" style="display:none">Approve</a>
  </p>
</div>

有多种方法可以完成此任务。

您可以使用 Jquery .closest()

$('.btn-unapprove').click(function(){    
    alert($(this).closest('div.pane.alt').attr('id'));
});

Wokring Example

您可以使用 Jquery .parents()

$('.btn-unapprove').click(function(){    
    alert($(this).parents('.pane.alt').attr('id'));
});

Wokring Example

您可以使用 Jquery .parent()

$('.btn-unapprove').click(function(){    
    alert($(this).parent().parent().attr('id'));
});

Working Example