data doesn’t set data-* attributes. It manages a data cache unrelated to data-* attributes. It initializes from data-* attributes if there are any present, but never writes to them. To write to an attribute, use attr. Example: Updated Fiddle var div = $(“<div />”) $(div).attr(“data-foo”, “bar”) console.log($(div)[0].outerHTML) What you’re seeing is just one of the … Read more
Just as further reference, and an up-to-date (may’14) (aug’15) (sep’16) (apr’17) (mar’18) (mar’19) (may’20) (jan’22)… Answer that works with: ###Empty strings: If the attr must exist & could have any value (or none at all) jQuery(“[href]”); ###Missing attributes: If attr could exist & if exist, must have some value jQuery(“[href!=”]”); ###Or both: If attr must … Read more
When you use .data() to update a data value, it is updating internal object managed by jQuery, so it will not be updated in the data-* attribute
There isn’t really, they’re not 100% correct/valid usage in HTML4 of course….but they don’t cause problems either, so they’re still a great way to solve the “I need an attribute for this” problem. If it helps, I’ve used these while supporting IE6 and have had zero issues thus far, and I can’t recall a single … Read more
Here’s the simple solution. Not everything has to be written with extension method in .NET code. One of the great things about MVC is it gives you easy access to construct your own HTML. With MVC4 you can get the id and name of the element on the expression tree with the helpers HTML.NameFor and … Read more
Yes, perfectly valid. In your case, data-modal-target would represent a boolean attribute: 2.4.2 Boolean attributes The presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value.
HTML <div id=”mydiv” data-myval=”10″></div> JS var a = $(‘#mydiv’).data(‘myval’); //getter $(‘#mydiv’).data(‘myval’,20); //setter Demo Reference From the reference: jQuery itself uses the .data() method to save information under the names ‘events’ and ‘handle’, and also reserves any data name starting with an underscore (‘_’) for internal use. It should be noted that jQuery’s data() doesn’t change … Read more
You could use the .attr() function: $(this).attr(‘data-fullText’) or if you lowercase the attribute name: data-fulltext=”This is a span element” then you could use the .data() function: $(this).data(‘fulltext’) The .data() function expects and works only with lowercase attribute names.
Use Attribute Equals Selector $(‘.slide-link[data-slide=”0″]’).addClass(‘active’); Fiddle Demo .find() it works down the tree Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.
There are several benefit for keeping custom attributes prefixed with data-*. It guarantees there will not be any clashes with extensions to HTML in future editions. This is a problem that has been encountered to some degree already with some of the new attributes introduced in HTML5, where existing sites were using attributes with the … Read more