Question

I have the following JQuery code:

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

How can I change this code so that before the title attribute is set to ” I take the current value of the title and store it in the ‘data-title’ attribute.

Answer 1

You can do it like this:

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

The other answers are similar, however accessing this.title will only work if this is the element, and that depends on the context. The method above uses the function attribute to return the title instead.