Jquery 单击textarea或聚焦textarea时是否将类添加到父div?
如何在单击或聚焦时将类添加到textarea的父divJquery 单击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
$(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')
}
});