javascript - 1行のコードでjQueryの$（this）を使用して要素を変更できますか？

Question

私はjqueryのプレースホルダー関数に取り組んでいます。今のところ、フォーム要素の値をプレースホルダーに変更するだけです。次のコードを試しました。

$('input:text').val($(this).attr('placeholder'));

しかし、それは機能しません。少しテストした後、問題は$(this)そのコンテキストでの使用にあることに気付きました。これを変更して、すべてのフォーム要素をループし、それらの値をプレースホルダー属性に変更するにはどうすればよいですか？

score 8 · Accepted Answer

$('input:text').val(function() {
    return $(this).attr('placeholder');
});

また：

$('input:text').attr('value', function() {
    return $(this).attr('placeholder');
});

そして、これがライブデモです。

score 5 · Accepted Answer

これらのセッターjQuery関数のほとんどは、戻り値が使用される関数を指定する方法を提供します。これはを利用する方法です$(this)。

$('input:text').val(function () {
  return $(this).attr('placeholder');
});

2 に答える 2