Adding data attribute to DOM

by

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');

More Related Contents:

  1. Selecting element by data attribute with jQuery
  2. How to set data attributes in HTML elements
  3. jquery get HTML 5 Data Attributes with hyphens and Case Sensitivity
  4. jQuery find element by data attribute value
  5. jquery change section with scrolling and animation
  6. How can I get the data-id attribute?
  7. Click button copy to clipboard
  8. Change the image source on rollover using jQuery
  9. Get checkbox value in jQuery
  10. Show div on scrollDown after 800px
  11. How to remove close button on the jQuery UI dialog?
  12. jQuery on window resize
  13. Adding attribute in jQuery
  14. Hide/Show Column in a HTML Table
  15. Set selected option of select box
  16. Submit form with Enter key without submit button? [duplicate]
  17. ‘dragleave’ of parent element fires when dragging over children elements
  18. Convert a HTML table data into a JSON object in jQuery
  19. How to draw a line between draggable and droppable?
  20. How to fade loop background images?
  21. Why is z-index ignored with position:static?
  22. Access Multiple Elements of same ID in jQuery
  23. HTML5 validation before ajax submit
  24. JQuery .data() not working?
  25. jQuery html attribute not working in IE
  26. What’s faster for including scripts, using CDN (Google) or storing them locally in website’s root?
  27. JQuery search in static HTML page with highlighting of found word
  28. Disable select options based on value *through the HTML only!*
  29. Possible to have a floating horizontal scrollbar?
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment