Jquery – How to change the value of a custom attribute

jquery

var selector = $(this);

What is the proper code to change the custom attribute data-change-me for selector?

The syntax

selector[data-change-me='someValue'];

Is not working for me

Best Answer

I think you want the attr method.

selector.attr("data-change-me","someValue");

Here's the documentation: http://api.jquery.com/attr/

It's worth pointing out also that it looked like what you were trying to do was treat the jQuery wrapped DOM object as a Javascript object e.g:

Look at the following example for what I mean:

var myObject = {
     "data-change-me":"someValue";
};

myObject["data-change-me"] = "someOtherValue";

This is valid syntax for pure Javascript objects but not jQuery. To learn about Javascript I recommend Javascript the good parts

Related Solutions

Javascript – How to check if an element is hidden in jQuery

Since the question refers to a single element, this code might be more suitable:

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");

It is the same as twernt's suggestion, but applied to a single element; and it matches the algorithm recommended in the jQuery FAQ.

We use jQuery's is() to check the selected element with another element, selector or any jQuery object. This method traverses along the DOM elements to find a match, which satisfies the passed parameter. It will return true if there is a match, otherwise return false.

Javascript – jQuery get specific option tag text

If you'd like to get the option with a value of 2, use

$("#list option[value='2']").text();

If you'd like to get whichever option is currently selected, use

$("#list option:selected").text();

Best Answer

Related Solutions

Javascript – How to check if an element is hidden in jQuery

Javascript – jQuery get specific option tag text

Related Topic