{"id":259302,"date":"2024-07-07T22:57:15","date_gmt":"2024-07-07T22:57:15","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=259302"},"modified":"2024-07-07T22:57:15","modified_gmt":"2024-07-07T22:57:15","slug":"how-to-set-data-attribute-value-in-jquery","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/","title":{"rendered":"How to set data attribute value in jQuery?"},"content":{"rendered":"<p>jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability to work with data attributes. Data attributes provide a way to store additional information in HTML elements, which can be useful for various purposes such as storing metadata or custom data. <\/p>\n<p>To set the value of a data attribute using jQuery, you can use the `attr` or `data` methods. Here&#8217;s how you can do it:<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#Using_the_attr_Method\" title=\"Using the attr Method:\">Using the attr Method:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#Using_the_data_Method\" title=\"Using the data Method:\">Using the data Method:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#How_to_set_data_attribute_value_in_jQuery\" title=\"How to set data attribute value in jQuery?\">How to set data attribute value in jQuery?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#1_Can_I_set_multiple_data_attributes_at_once\" title=\"1. Can I set multiple data attributes at once?\">1. Can I set multiple data attributes at once?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#2_How_can_I_retrieve_the_value_of_a_data_attribute_in_jQuery\" title=\"2. How can I retrieve the value of a data attribute in jQuery?\">2. How can I retrieve the value of a data attribute in jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#3_Can_I_set_data_attributes_on_multiple_elements_at_once\" title=\"3. Can I set data attributes on multiple elements at once?\">3. Can I set data attributes on multiple elements at once?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#4_Is_it_possible_to_set_data_attributes_dynamically_with_variables\" title=\"4. Is it possible to set data attributes dynamically with variables?\">4. Is it possible to set data attributes dynamically with variables?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#5_How_can_I_remove_a_data_attribute_using_jQuery\" title=\"5. How can I remove a data attribute using jQuery?\">5. How can I remove a data attribute using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#6_Can_I_set_data_attributes_on_non-standard_HTML_elements\" title=\"6. Can I set data attributes on non-standard HTML elements?\">6. Can I set data attributes on non-standard HTML elements?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#7_Are_there_any_naming_conventions_for_data_attributes\" title=\"7. Are there any naming conventions for data attributes?\">7. Are there any naming conventions for data attributes?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#8_Can_I_set_data_attributes_on_multiple_elements_with_the_same_selector\" title=\"8. Can I set data attributes on multiple elements with the same selector?\">8. Can I set data attributes on multiple elements with the same selector?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#9_How_can_I_set_a_default_value_for_a_data_attribute\" title=\"9. How can I set a default value for a data attribute?\">9. How can I set a default value for a data attribute?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#10_Can_I_use_the_data_method_to_store_complex_data_types\" title=\"10. Can I use the `data` method to store complex data types?\">10. Can I use the `data` method to store complex data types?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#11_Is_there_a_limit_to_the_length_of_data_attribute_values\" title=\"11. Is there a limit to the length of data attribute values?\">11. Is there a limit to the length of data attribute values?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#12_Can_I_set_data_attributes_for_elements_that_dont_initially_have_them\" title=\"12. Can I set data attributes for elements that don&#8217;t initially have them?\">12. Can I set data attributes for elements that don&#8217;t initially have them?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Using_the_attr_Method\"><\/span>Using the attr Method:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The `attr` method in jQuery allows you to get or set the value of an attribute on an element. To set the value of a data attribute, you need to specify the attribute name starting with `data-` followed by the attribute name.<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;selector&#8221;).attr(&#8220;data-attributeName&#8221;, &#8220;value&#8221;);<br \/>\n&#8220;`<\/p>\n<p>For example, if you have an HTML element with the ID of &#8220;myElement&#8221; and you want to set a data attribute called &#8220;myData&#8221; to the value &#8220;example&#8221;, you can do it using the following code:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#myElement&#8221;).attr(&#8220;data-myData&#8221;, &#8220;example&#8221;);<br \/>\n&#8220;`<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Using_the_data_Method\"><\/span>Using the data Method:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The `data` method in jQuery provides an alternative and more convenient way to work with data attributes. It allows you to both get and set the value of data attributes. <\/p>\n<p>To set the value of a data attribute using the `data` method, you need to pass the attribute name as an argument and specify the value you want to set.<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;selector&#8221;).data(&#8220;attributeName&#8221;, &#8220;value&#8221;);<br \/>\n&#8220;`<\/p>\n<p>Following the previous example, here&#8217;s how you can use the `data` method to set the value of the &#8220;myData&#8221; data attribute:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#myElement&#8221;).data(&#8220;myData&#8221;, &#8220;example&#8221;);<br \/>\n&#8220;`<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_set_data_attribute_value_in_jQuery\"><\/span><b>How to set data attribute value in jQuery?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To set the value of a data attribute in jQuery, you can use either the `attr` or `data` method.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_Can_I_set_multiple_data_attributes_at_once\"><\/span>1. Can I set multiple data attributes at once?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can set multiple data attributes at once by chaining the `attr` or `data` methods.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_How_can_I_retrieve_the_value_of_a_data_attribute_in_jQuery\"><\/span>2. How can I retrieve the value of a data attribute in jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can retrieve the value of a data attribute using the `attr` or `data` methods by passing the attribute name as an argument.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Can_I_set_data_attributes_on_multiple_elements_at_once\"><\/span>3. Can I set data attributes on multiple elements at once?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can set data attributes on multiple elements by using jQuery selectors to select multiple elements and then applying the `attr` or `data` methods to the selected elements.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Is_it_possible_to_set_data_attributes_dynamically_with_variables\"><\/span>4. Is it possible to set data attributes dynamically with variables?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can set data attributes dynamically by using variables. Simply concatenate the attribute name and value using string concatenation or template literals.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_How_can_I_remove_a_data_attribute_using_jQuery\"><\/span>5. How can I remove a data attribute using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can remove a data attribute using the `removeAttr` method in jQuery. Pass the attribute name as an argument to remove it from an element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Can_I_set_data_attributes_on_non-standard_HTML_elements\"><\/span>6. Can I set data attributes on non-standard HTML elements?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can set data attributes on non-standard HTML elements as well. jQuery doesn&#8217;t restrict data attribute usage to specific elements.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Are_there_any_naming_conventions_for_data_attributes\"><\/span>7. Are there any naming conventions for data attributes?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nThere are no strict naming conventions for data attributes, but it&#8217;s generally recommended to use lowercase names and hyphen-separated words for better readability.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Can_I_set_data_attributes_on_multiple_elements_with_the_same_selector\"><\/span>8. Can I set data attributes on multiple elements with the same selector?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, when using a jQuery selector to select multiple elements, any method called on the selector will be applied to all the selected elements.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_How_can_I_set_a_default_value_for_a_data_attribute\"><\/span>9. How can I set a default value for a data attribute?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can set a default value for a data attribute by using the `data` method with an initial value when the element is created or loaded.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Can_I_use_the_data_method_to_store_complex_data_types\"><\/span>10. Can I use the `data` method to store complex data types?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, the `data` method can be used to store complex data types such as objects or arrays. You can set the value of the data attribute as a JavaScript object or an array.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_Is_there_a_limit_to_the_length_of_data_attribute_values\"><\/span>11. Is there a limit to the length of data attribute values?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nThere is no specific limit to the length of data attribute values in jQuery. However, it&#8217;s generally recommended to keep the values concise and meaningful.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_Can_I_set_data_attributes_for_elements_that_dont_initially_have_them\"><\/span>12. Can I set data attributes for elements that don&#8217;t initially have them?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can set data attributes for elements that don&#8217;t initially have them using the `attr` or `data` methods. The attributes will be added to the elements as needed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability to work with data attributes. Data attributes provide a way to store additional information in HTML elements, which can be useful for various purposes such as storing metadata or custom &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to set data attribute value in jQuery?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#more-259302\">Read more<span class=\"screen-reader-text\">How to set data attribute value in jQuery?<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-259302","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to set data attribute value in jQuery?<\/title>\n<meta name=\"description\" content=\"jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to set data attribute value in jQuery?\" \/>\n<meta property=\"og:description\" content=\"jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-07T22:57:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Timothy Mathis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Timothy Mathis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/\"},\"author\":{\"name\":\"Timothy Mathis\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318\"},\"headline\":\"How to set data attribute value in jQuery?\",\"datePublished\":\"2024-07-07T22:57:15+00:00\",\"dateModified\":\"2024-07-07T22:57:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/\"},\"wordCount\":722,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/\",\"name\":\"How to set data attribute value in jQuery?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-07-07T22:57:15+00:00\",\"dateModified\":\"2024-07-07T22:57:15+00:00\",\"description\":\"jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to set data attribute value in jQuery?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318\",\"name\":\"Timothy Mathis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Timothy Mathis\"},\"description\":\"Guest author Timothy Mathis has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to set data attribute value in jQuery?","description":"jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/","og_locale":"en_US","og_type":"article","og_title":"How to set data attribute value in jQuery?","og_description":"jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability","og_url":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-07-07T22:57:15+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png","type":"image\/png"}],"author":"Timothy Mathis","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Timothy Mathis","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/"},"author":{"name":"Timothy Mathis","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318"},"headline":"How to set data attribute value in jQuery?","datePublished":"2024-07-07T22:57:15+00:00","dateModified":"2024-07-07T22:57:15+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/"},"wordCount":722,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/","url":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/","name":"How to set data attribute value in jQuery?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-07-07T22:57:15+00:00","dateModified":"2024-07-07T22:57:15+00:00","description":"jQuery is a popular JavaScript library widely used for simplifying various tasks in web development. One of the many features jQuery offers is the ability","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-set-data-attribute-value-in-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to set data attribute value in jQuery?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318","name":"Timothy Mathis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Timothy Mathis"},"description":"Guest author Timothy Mathis has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/259302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=259302"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/259302\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=259302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=259302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=259302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}