Jquery 单击textarea或聚焦textarea时是否将类添加到父div?

Jquery 单击textarea或聚焦textarea时是否将类添加到父div?,jquery,textarea,parent,addclass,toggleclass,Jquery,Textarea,Parent,Addclass,Toggleclass,如何在单击或聚焦时将类添加到textarea的父div $(document).ready(function () { $('textarea').toggleClass(function() { if ($(this).parent().is('.expandingArea')) { return $(this).parent().addClass('open'); } else { return $(this).parent().removeClass('open

如何在单击或聚焦时将类添加到textarea的父div

$(document).ready(function () {  
$('textarea').toggleClass(function() {
  if ($(this).parent().is('.expandingArea')) {
    return $(this).parent().addClass('open');
  } else {
    return $(this).parent().removeClass('open');
  }
});
});

您只需使用“聚焦”和“模糊”即可获得此功能

$('textarea').focus( function() {
  $(this).parent().addClass('open');
});

$('textarea').blur( function() {
 $(this).parent().removeClass('open');
});


您还需要删除该类吗?
$('.expandingArea > textarea').on({
  'focus' : function() {
     $(this).parent().addClass('open');
   },
   'blur' : function() {
     $(this).parent().removeClass('open');
   }
});
$('textarea').on({
    'click': function() {
        $(this).parents('div.expandingarea').addClass('open')
    },
    'focus': function() {
        $(this).parents('div.expandingarea').addClass('open')
    },
    'blur': function() {
        $(this).parents('div.expandingarea').removeClass('open')
    }
});​