How can I change
<div data-300=""></div>
to
<div data-500=""></div>
using jquery?
I don't want to remove the attribute and replace it as it contains data I need I just need to change the '300' to '500'.
-
3You will need to replace it, but that doesn't mean you need to lose the value.James Montagne– James Montagne2013-09-11 21:21:26 +00:00Commented Sep 11, 2013 at 21:21
-
possible duplicate of stackoverflow.com/questions/317170/…Brajesh Kumar– Brajesh Kumar2013-09-11 21:53:08 +00:00Commented Sep 11, 2013 at 21:53
Add a comment
|
2 Answers
Not generic at all, but it should do the job
var $target = $('div[data-300]'),
oldData = $target.data('300');
$target.removeAttr('data-300').attr({ 'data-500': oldData });
1 Comment
Daimz
Legend! Thanks for the speedy answer!
Here's a function you can use:
function attrChangeName(elem, attr, new_attr) {
var data = $(elem).attr(attr);
$(elem).attr(new_attr, data);
$(elem).removeAttr(attr);
}
3 Comments
Daimz
That simplifies things a lot. Thanks! In the interest of making the code easier to read (it would just make more sence to me when reading through code) would it be possible to make it so the call could be something like this: $('element').attrChangeName(attr, new_attr);
Vlad
Sure, you can create a jQeury plugin. Look at this link learn.jquery.com/plugins/advanced-plugin-concepts. It is pretty straight forward. If you go this route, it will be easy to rename the attrs for entire collections, the way other jQuery functions work.
Daimz
Sorry I was meant to be doing this, but ran out of time. So I just went with your above method which works perfectly anyway... Why change a good thing? :)