parentid Archives - Ebhor.com

jquery get parent id based on class value

January 23, 2023January 22, 2023 by manish

If we have nested divs one inside another and we want to get id of parent div for this we use parents(). suppose following div structure

<div class="level1" id="level1_123">


<div class="level2" id="level2_324">


<div class="level3" id="level3_567">


<div class="level4" id="level4_985">
                <input type="submit" value="Get Parent Id" id="submit">
</div>


</div>


</div>


</div>

</div>

$(document).ready(function () {
    $(document).on('click', '#submit', function (event) {
        event.preventDefault();
        var parentId = $(this).parents(".level1").attr("id");
        alert(parentId);
    });
});

$(document).ready(function () {

$(document).on('click', '#submit', function (event) {

event.preventDefault();

var parentId = $(this).parents(".level1").attr("id");

alert(parentId);

});

as above we have seen how to get id for top parent and similar we can get id or class value for any level of parent. for … Read more