jquery - すべての入力ボックスにjqueryを使用してフォーカスリスニングを追加する方法は?

Question

これは、すべての入力ボックスのフォーカス時にプレースホルダーをクリアするリスナーを追加しようとする私の試みです。コードに明らかなエラーはありますか?

var $inputs = $('.add-item-form :input');
$inputs.each(function() {
    var that = $(this);
    that.focus(function() {
        that.attr('placeholder') = '';
    })
});​

Answer 1

使用する

that.attr('placeholder','');

の代わりに

that.attr('placeholder')='';

完全なコード

 var $inputs = $('.add-item-form :input');
        $inputs.each(function() {
            var that = $(this);
            that.focus(function() {
                that.attr('placeholder','');
            })  
        });

gdoronが言ったように、dom オブジェクトをキャッシュする必要はありません。gdoron のコードをよりクリーンなコードで使用できます。

Answer 2

$('.add-item-form :input').focus(function() {
    $(this).attr('placeholder', '');
});​

Answer 3

$('.add-item-form :input').each(function() {
     var that = $(this);
     that.on('focus', function() {
         that.attr('placeholder','');
     });  
});

Answer 4

$('.add-item-form:input').focus(function() {
    $(this).attr('placeholder', '');
});​

gdoron がさらに提案したように、jquery セレクターの余分なスペースを削除する必要があります'.add-item-form:input' 。'.add-item-form :input'