如何通过在jQuery中使用子div来获取父div?

时间:2015-04-27 10:21:56

标签: jquery html

在这里我希望div1作为答案...与孩子divTab1Btn

正在使用

$('#divTab1Btn').closest().attr("id");

但是我的未定义?什么是正确的解决方案?

<div id="div1">
    <div id="divTab1Heading" style="background-color: rgb(246, 246, 246);">
        <table style="width: 1024px; height: 40px;" border="0" cellspacing="0" cellpadding="0">
            <tbody>
                <tr>
                    <td align="left" style="width: 911px; float: left;">
                        <div disabled="disabled" class="tabBtn" id="divTab1Btn" style="display: block; visibility: visible;">
                            <input class="btneditclick" id="divTab1BtnEdit" style="width: 75px; display: block; visibility: visible;" type="button" value="Edit" table2focus="tblAddtype" classvalue="1">
                            <input class="btnconfirm" id="divTab1BtnConfirm" style="width: 85px; display: none; visibility: hidden;" type="button" value="Confirm" classvalue="1" hdnheadergridlinkfield="ADD_MRECID" gridid="1655">
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

3 个答案:

答案 0 :(得分:2)

nearest()方法需要一个选择器来查找目标元素,否则它将返回一个空对象,这是未定义值的原因。

在你的情况下,由于没有其他选择器可以找到父母,我认为你可以做一些事情,比如获取table,然后获取其父母的父母的身份。

$('#divTab1Btn').closest('table').parent().parent().attr("id");

答案 1 :(得分:0)

使用.imgContent{ position: absolute; z-index: 2; top: 0px; background: rgba(10, 75, 221, 0.25) !important; width: 100%; height: 100%; } .imgContentHeaderArticle{ position: absolute; top: 0; left: 0; font-size: 14px; color: #FFF; margin: 5px; border-bottom: 1px solid #FFF; } .imgContentHeaderComment { position: absolute; top: 0; right: 0; font-size: 14px; color: #FFF; padding: 5px; } .imgContentMainFooter{ position: absolute; bottom: 0; font-size: 30px; color: #FFF; padding: 5px; } 获取所有父级,.parents()将选择所有div中的最后一个父元素。

.last()

答案 2 :(得分:0)

您可以使用parent()

var obj = $("#divTab1Btn").parent();

现在您有父div的对象,您可以使用.attr()函数获取父div的属性。

示例:

var obj = $("#divTab1Btn").parent();
var parentId = $(obj).attr("id");