获取该DIV的父母ID

Question

当在jquery / javascript中的“ .buttonleft0”内单击按钮时，我正在从此布局中查找父div ID（即“ Bakerloo”）。

<div id='Bakerloo' class='box'>bakerloo<p></p><span class='buttons'>
<span class='buttonleft0'><button onClick='up()'><span class='icon icon10'></span>
</button>
</span><span class='buttonleft'></span><span class='buttonright'></span></span>
<div class='comingup'></div>
<div class='more'></div></div>

我努力了：

$(this).parent('id');

但这只会返回“未定义”。

Answer 1

$(this).closest('div').attr('id')

我想这就是你想要的

Answer 2

parent()函数返回jQuery对象，因此您需要对所有attr()使用attr() ，如下所示：

$(this).closest().attr('id');

编辑：在进一步检查中，该按钮不是div的直接子级，因此将需要使用closest()函数。

Answer 3

直接使用Javascript总是对我有用。

<div id='Bakerloo' class='box'>
    bakerloo<p></p>
    <span class='buttons'>
        <span class='buttonleft0'>
        <button onClick='alert(this.parentNode.parentNode.id)'>
             <span class='icon icon10'></span>
        </button>
        </span>
        <span class='buttonleft'></span>
        <span class='buttonright'></span>
    </span>
    <div class='comingup'></div>
    <div class='more'></div>
</div>    

Answer 4

尝试这个：

$(this).parent().attr("id");

Answer 5

尝试这个：

$（this）.closest（'div [id]'）

Answer 6

您的代码本身几乎没有错误，因此这里是正确的错误：

的HTML

<div id='Bakerloo' class='box'>bakerloo<p></p><span class='buttons'>
<span class='buttonleft0'><button><span class='icon icon10'>Click here</span>
</button>
</span><span class='buttonleft'></span><span class='buttonright'></span></span>
<div class='comingup'></div>
<div class='more'></div></div>

jQuery查询

jQuery(document).ready(function($){
    $("button").on('click',function(){
       alert($(this).closest('div').attr('id'));
    });
});

这是小提琴http://jsfiddle.net/cpeeyush/ydk4e/

Answer 7

alert($(this).parent().id);

如果您要确保选择正确的课程，请尝试：

alert($(this).parent('.div').id);

如果您有更深的层次结构，则可以使用：

alert($(this).parents('.div:eq(n)').id);

n是您想得到的父母