▽1
●
匿名回答2号 ベストアンサー |
メソッドチェーンよりも、ネストが深いことが可読性を低くしていますね。
blurイベントの処理を分離して書くと読みやすくなると思います。
jQuery(function($){ $(document).on('blur','dd > input',function(){ var inputVal = $(this).val(); var backup = $(this).parent().data('backup'); if(inputVal===''){ inputVal = this.defaultValue; }; $(this).parent().removeClass('on').text(inputVal); if(backup !== inputVal){ $('button').removeAttr('disabled'); }; }); $('dd').each(function(){ var backup = $(this).text(); $(this).data('backup',backup) .click(function(){ if(!$(this).hasClass('on')){ $(this).addClass('on'); var txt = $(this).text(); $(this).html('<input type="text" value="'+txt+'" />'); $('dd > input').focus() }; }); }); $('button').attr('disabled','disabled') .click(function(){; $('dd').each(function(){ var backup = $(this).data('backup'); $(this).text(backup); }); $(this).attr('disabled','disabled'); }); });