如何获得div ID JQUERY [英] How to get div ID JQUERY

问题描述

如果要单击链接按钮，我想获取ID或班级

I want to get the ID or class if the link button is clicked

<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>

我创建的用于处理单击按钮的代码是此代码，它导致未定义"

the code that i created to process the clicked button is this which resulting "undefined"

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

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

});

因此，如果单击链接，是否有可能获得div ID?如果可以的话，该怎么做?

so is it possible to get the div id if the link is clicked ? if so how to to do it?

推荐答案

首先:您应该更正HTML.因为如果您的HTML未正确加载到DOM中，则Jquery/Javascript也不会提供正确的结果.

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

In your HTML you are missing some closing tags like - "</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>

有几种方法可以完成此任务.

There are several ways to do accomplish this task.

您可以使用Jquery .closest()

You Can use Jquery .closest()

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

唤醒示例

您可以使用Jquery .parents()

You Can use Jquery .parents()

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

唤醒示例

您可以使用Jquery .parent()

You Can use Jquery .parent()

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

工作示例

这篇关于如何获得div ID JQUERY的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！