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
This won’t be possible with pure css unless you’re doing it the “undynamic” way: .slide[data-bg=”one”]{ background-image: url(‘img/one.jpg’); } .slide[data-bg=”two”]{ background-image: url(‘img/two.jpg’); } … Maybe you can dynamically create that stylesheet from your filenames on server-side. Another (likely easier) possibility is to do this with JavaScript – but since you excluded that I assume you know … Read more
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
You need to HTML escape data echoed into HTML: printf(‘<article data-tags=”%s”>’, htmlspecialchars(json_encode(array(‘html5’, …)), ENT_QUOTES, ‘UTF-8’));
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.
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
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
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
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.