{"id":135,"date":"2011-01-06T01:05:50","date_gmt":"2011-01-06T00:05:50","guid":{"rendered":"http:\/\/unckel.com\/blog\/?p=135"},"modified":"2019-12-07T22:02:58","modified_gmt":"2019-12-07T21:02:58","slug":"jquery-html-id-attribute-hinzufuegen","status":"publish","type":"post","link":"https:\/\/unckel.de\/blog\/jquery-html-id-attribute-hinzufuegen\/","title":{"rendered":"jQuery: HTML ID-Attribute hinzuf\u00fcgen"},"content":{"rendered":"<p>Gegeben sind HTML-Elemente welche alle die Klasse &#8218;box&#8216; zugewiesen wurde. Will man nun gezielt z.B. das 3. Element ansprechen, ginge das auch mit &#8218; $(&#8222;.box&#8220;).eq(2)&#8216;.<br \/>\nMit folgendem Code-Schnipsel f\u00fcge ich jedoch jedem div-Element mit der Klasse &#8218;box&#8216; ein id-Attribut mit aufsteigender Z\u00e4hlung an (&#8218;box1&#8216;, &#8218;box2&#8216;,&#8230;).<\/p>\n<pre>$(\".box\").each(function(index) {\n  var boxId = \"box\" + index;\n  $(this).attr(\"id\", boxId);\n  \/\/...\t\t\t\t\n});<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Gegeben sind HTML-Elemente welche alle die Klasse &#8218;box&#8216; zugewiesen wurde. Will man nun gezielt z.B. das 3. Element ansprechen, ginge das auch mit &#8218; $(&#8222;.box&#8220;).eq(2)&#8216;. Mit folgendem Code-Schnipsel f\u00fcge ich jedoch jedem div-Element mit der Klasse &#8218;box&#8216; ein id-Attribut mit aufsteigender Z\u00e4hlung an (&#8218;box1&#8216;, &#8218;box2&#8216;,&#8230;). $(&#8222;.box&#8220;).each(function(index) { var boxId = &#8222;box&#8220; + index; $(this).attr(&#8222;id&#8220;, boxId); [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"_links":{"self":[{"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":1,"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":782,"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/posts\/135\/revisions\/782"}],"wp:attachment":[{"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unckel.de\/blog\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}