.closest()

JQUERY

$('#closest , #closest-nondiv').on('click' , 'button' , function(){ $(this).closest("div").css("border","3px solid red"); });

.closest()

直近の親要素をdiv以外にしてあります。

JQUERY

$('#closest , #closest-nondiv').on('click' , 'button' , function(){ $(this).closest("div").css("border","3px solid red"); });

.parent()

JQUERY

$('#parent , #parent-nondiv').on('click' , 'button' , function(){ $(this).parent("div").css("border","3px solid red"); });

.parent()

直近の親要素をdiv以外にしてあります。

JQUERY

$('#parent , #parent-nondiv').on('click' , 'button' , function(){ $(this).parent("div").css("border","3px solid red"); });

.parents()

JQUERY

$('#parents').on('click' , 'button' , function(){ $(this).parents("div").css("border","3px solid red"); });