单击按钮获取父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>