javascript - 空の文字列に設定する前に、後で使用するために要素属性を保存するにはどうすればよいですか？

Question

私は次のJQueryコードを持っています：

  $(targetSelector)
    .attr('data-disabled', 'yes')
    .attr('title', '')
    .addClass('disabled')
    .prop('disabled', true);

このコードを変更して、title属性を''に設定する前に、titleの現在の値を取得し、それを'data-title'属性に格納するにはどうすればよいですか。

Answer 1

私は提案します：

$(targetSelector).attr({
    'data-disabled': 'yes',
    'data-title': function() {
        return this.title;
    }
}).attr('title', '').addClass('disabled').prop('disabled', true);​

JSフィドルデモ。

参照：

• attr()。
• data()。

Answer 2

これを試して

$(targetSelector)
.attr({'data-disabled' : 'yes', 'data-title' : function() {return this.title;}})  // set the title before it is removed
.attr('title', '')
.addClass('disabled')
.prop('disabled', true);

Answer 3

これを試して

$(targetSelector)
    .attr('data-disabled' : 'yes')
    .attr('data-title', $(this).attr('title'))
    .attr('title', '')
    .addClass('disabled')
    .prop('disabled', true);

Answer 4

あなたはこのようにそれを行うことができます：

$(targetSelector).attr({
    'data-disabled': 'yes',
    'data-title': function() { return this.title }
    'title': ''
  }).addClass('disabled').prop('disabled', true);

他の答えも同様ですが、アクセスはが要素であるthis.title場合にのみ機能し、それはコンテキストによって異なります。this上記のメソッドは、代わりにfunction属性を使用してタイトルを返します。