单击按钮获取父项 div

Question

我有以下 html:

<div id = "CompOne">
    <div id="btns">
        <input type="button" value="Add" class="cartbtn" onclick="SetSubmitBundleValue(this)">
    </div>
</div>

<div id = "CompTwo">
    <div id="btns">
        <input type="button" value="Add" class="cartbtn" onclick="SetSubmitBundleValue(this)">
    </div>
</div>

我想在点击按钮时获得父级 div CompTwo/ CompOne 的值。是否可以从通过 'this' 关键字传递的对象中检索此值？请帮助

function SetSubmitBundleValue(obj)
{
    //Get Parent div
}

Answer 1

可以使用parent()方法：

$('.cartbtn').on('click', function(){
 var parent_id = $(this).parent().parent().attr('id');
 console.log(parent_id);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = "CompOne">
    <div id="btns">
        <input type="button" value="Add" class="cartbtn">
    </div>
</div>

<div id = "CompTwo">
    <div id="btns">
        <input type="button" value="Add" class="cartbtn">
    </div>
</div>

单击按钮获取父项 div

Get Parent div on button click

jquery

jquery-selectors