Reading jQuery Data Value

Question

I need to disable the title value, so the hover doesn't show up, and still read its value. According to this StackOverflow question, the following should work:

    $("[title]").each(function() {
        $this = $(this);
        $.data(this, "title", $this.attr("title"));
        $this.removeAttr("title");
    });

Which does remove the title property, the only problem is, I can't for the life of me figure out how to read that data value. I know it's a simple question, but I'd really appreciate the help, the jQuery documentation didn't help me on this.

What I currently have is: var description = $(this).find("img").data(this, "title"); which doesn't work for some reason.

alex · Accepted Answer · 2011-09-04 01:22:25Z

2

The code example you gave could be tidied up a bit with the latest jQuery versions...

You probably want something like this...

$('[title]').attr('title', function(i, title) {
    $(this).data('title', title).removeAttr('title');
});

This will assign the title attribute to the data store of each element with a title attribute, and then remove the title attribute of the element.

Then you can read an element's old title attribute with...

$('.something').data('title');

jsFiddle.

edited Sep 4, 2011 at 1:22

answered Sep 4, 2011 at 1:15

alex

492k205 gold badges890 silver badges992 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JacobTheDev Over a year ago

Thank you, that worked great :) I'll accept it in just a minute.

Collectives™ on Stack Overflow

Reading jQuery Data Value

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related