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
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.
It is mentioned in the .data() documentation The data- attributes are pulled in the first time the data property is accessed and then are no longer accessed or mutated (all data values are then stored internally in jQuery) This was also covered on Why don’t changes to jQuery $.fn.data() update the corresponding html 5 data-* … 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.
You can retrieve values of custom (or your own) attributes using getAttribute. Following your example with <div id=”geoff” data-geoff=”geoff de geoff”> I can get the value of data-geoff using var geoff = document.getElementById(“geoff”); alert(geoff.getAttribute(“data-geoff”)); See MSDN. And although it is mentioned there that you need IE7 to get this to work, I tested this a … Read more
Use the .data() method: $(‘div’).data(‘info’, ‘222’); Note that this doesn’t create an actual data-info attribute. If you need to create the attribute, use .attr(): $(‘div’).attr(‘data-info’, ‘222’);
HTML 4 From an HTML 4 perspective, attributes are an SGML construct. Their limits are defined in the SGML Declaration of HTML 4: QUANTITY SGMLREF ATTCNT 60 — increased — ATTSPLEN 65536 — These are the largest values — LITLEN 65536 — permitted in the declaration — NAMELEN 65536 — Avoid fixed limits in actual … Read more
You need to access the dataset property: document.getElementById(“the-span”).addEventListener(“click”, function() { var json = JSON.stringify({ id: parseInt(this.dataset.typeid), subject: this.dataset.type, points: parseInt(this.dataset.points), user: “Luïs” }); }); Result: // json would equal: { “id”: 123, “subject”: “topic”, “points”: -1, “user”: “Luïs” }
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
This problem has been addressed in ASP.Net MVC 3. They now automatically convert underscores in html attribute properties to dashes. They got lucky on this one, as underscores are not legal in html attributes, so MVC can confidently imply that you’d like a dash when you use an underscore. For example: @Html.TextBoxFor(vm => vm.City, new … Read more