{"id":28154,"date":"2022-12-29T00:08:26","date_gmt":"2022-12-28T18:38:26","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/"},"modified":"2022-12-29T00:08:26","modified_gmt":"2022-12-28T18:38:26","slug":"solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/","title":{"rendered":"[Solved] How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed]"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-13789222\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"13789222\" data-parentid=\"13789041\" data-score=\"1\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>As absolutely terrible an idea as this is it can be accomplished via jQuery.<\/p>\n<pre><code>$('div').each(function (i) {\n    if (i % 5 == 0) $(this).attr('id','New Id');\n});\n<\/code><\/pre>\n<p>However, I am assuming you&#8217;re doing this to style elements, and this is one place newcomers get screwed up is not understanding that ID&#8217;s are UNIQUE elements, their only real purpose to be honest is to allow you to uniquely select them. To style things similarly on the same page you want to use classes, not ID&#8217;s. In that case selecting and changing every 5th element to the same CLASS is perfectly valid and a normal thing to do.<\/p>\n<pre><code>$('div').each(function (i) {\n    if (i % 5 == 0) $(this).addClass('newClass');\n});\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">5<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] As absolutely terrible an idea as this is it can be accomplished via jQuery. $(&#8216;div&#8217;).each(function (i) { if (i % 5 == 0) $(this).attr(&#8216;id&#8217;,&#8217;New Id&#8217;); }); However, I am assuming you&#8217;re doing this to style elements, and this is one place newcomers get screwed up is not understanding that ID&#8217;s are UNIQUE elements, their &#8230; <a title=\"[Solved] How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed]\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\" aria-label=\"More on [Solved] How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed]\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[388],"class_list":["post-28154","post","type-post","status-publish","format-standard","hentry","category-solved","tag-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] How to asign same id&#039;s to the multiple elements via for loop through every 5 element [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to asign same id&#039;s to the multiple elements via for loop through every 5 element [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] As absolutely terrible an idea as this is it can be accomplished via jQuery. $(&#039;div&#039;).each(function (i) { if (i % 5 == 0) $(this).attr(&#039;id&#039;,&#039;New Id&#039;); }); However, I am assuming you&#8217;re doing this to style elements, and this is one place newcomers get screwed up is not understanding that ID&#8217;s are UNIQUE elements, their ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-28T18:38:26+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed]\",\"datePublished\":\"2022-12-28T18:38:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\"},\"wordCount\":134,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"jquery\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\",\"name\":\"[Solved] How to asign same id's to the multiple elements via for loop through every 5 element [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-12-28T18:38:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to asign same id's to the multiple elements via for loop through every 5 element [closed] - JassWeb","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:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to asign same id's to the multiple elements via for loop through every 5 element [closed] - JassWeb","og_description":"[ad_1] As absolutely terrible an idea as this is it can be accomplished via jQuery. $('div').each(function (i) { if (i % 5 == 0) $(this).attr('id','New Id'); }); However, I am assuming you&#8217;re doing this to style elements, and this is one place newcomers get screwed up is not understanding that ID&#8217;s are UNIQUE elements, their ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/","og_site_name":"JassWeb","article_published_time":"2022-12-28T18:38:26+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed]","datePublished":"2022-12-28T18:38:26+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/"},"wordCount":134,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["jquery"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/","name":"[Solved] How to asign same id's to the multiple elements via for loop through every 5 element [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-28T18:38:26+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-asign-same-ids-to-the-multiple-elements-via-for-loop-through-every-5-element-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to asign same id&#8217;s to the multiple elements via for loop through every 5 element [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/28154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=28154"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/28154\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=28154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=28154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=28154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}