jQueryを使用して親要素のdivにクラスを追加する方法


方法1: parent()メソッドを使用する

$(document).ready(function() {
  // 要素をクリックした時に親divにクラスを追加する例
  $('.element').click(function() {
    $(this).parent('div').addClass('new-class');
  });
});

方法2: closest()メソッドを使用する

$(document).ready(function() {
  // 要素をクリックした時に最も近い親divにクラスを追加する例
  $('.element').click(function() {
    $(this).closest('div').addClass('new-class');
  });
});

方法3: parent()とaddClass()メソッドを組み合わせる

$(document).ready(function() {
  // 要素をクリックした時に親divにクラスを追加する例
  $('.element').click(function() {
    $(this).parent().addClass('new-class');
  });
});

これらの例では、"element"というクラスが付いた要素がクリックされた場合に、その要素の親divに"new-class"というクラスが追加されます。必要に応じて、セレクタやクラス名を適宜変更してください。