jQueryで指定した要素の親要素を取得するサンプルコード
以下のサンプルコードは、jQueryを使用して指定した要素の親要素を取得する方法を示しています。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#target").click(function() {
var parentElement = $(this).parent();
console.log(parentElement.attr("id"));
});
});
</script>
</head>
<body>
<div id="parent">
<button id="target">Click me!</button>
</div>
</body>
</html>
この例では、#target ボタンがクリックされると、その親要素である #parent のIDがコンソールに表示されます。$(this).parent() は、クリックイベントが発生した要素 (#target) の親要素を取得します。parentElement.attr("id") は、親要素のIDを取得します。
このコードでは、https://code.jquery.com/jquery-3.6.0.min.js から jQuery ライブラリを読み込んでいます。また、$(document).ready() は、ページの読み込みが完了した後に JavaScript コードを実行するためのものです。
注意: このサンプルコードは、jQuery 3.6.0を使用していますが、将来のバージョンでは動作しない可能性があるため、適宜最新のバージョンに更新してください。