{"ScriptPreparationCode":"var data = [\u00221\u0022, \u00222\u0022, \u00223\u0022, \u00224\u0022, \u00225\u0022, \u0022Test1\u0022, \u00226\u0022, \u00227\u0022];\r\nvar parentElement = $(\u0022#parent\u0022);","TestCases":[{"Name":"With attr and html","Code":"let element = $(\u0060\u003Cdiv\u003E\u003Ca id=\u0022tr_1\u0022 data-target=\u0022tr_5\u0022 aria-controls=\u0022tr_6\u0022\u003E\r\n \u003Csvg id=\u0022tr_2\u0022\u003E\u003C/svg\u003E\r\n \u003Cspan id=\u0022tr_3\u0022\u003E\u003C/span\u003E\r\n\t\t\t\u003Csvg\u003E\u003C/svg\u003E\r\n \u003Cdiv id=\u0022tr_4\u0022 data-target=\u0022tr_7\u0022\u003E\r\n \u003C/div\u003E\r\n \u003C/div\u003E\u0060);\r\nfor (let i = 0; i \u003C 100; \u002B\u002Bi) {\r\n let element1 = element.clone();\r\n element1.find(\u0022a\u0022).attr(\u0022id\u0022, data[0]).attr(\u0022data-target\u0022, data[1]).attr(\u0022aria-controls\u0022, data[2]);\r\n element1.find(\u0022#tr_2\u0022).attr(\u0022id\u0022, data[3] \u002B i);\r\n element1.find(\u0022span\u0022).attr(\u0022id\u0022, data[4]).html(data[5]);\r\n element1.find(\u0022div\u0022).attr(\u0022id\u0022, data[6] \u002B i).attr(\u0022data-target\u0022, data[7]);\r\n element1.prependTo(parentElement);\r\n}\r\nparentElement.empty();","IsDeferred":false},{"Name":"Without find","Code":"for (let i = 0; i \u003C 100; \u002B\u002Bi) {\r\n let element = $(\u0060\u003Cdiv\u003E\u003Ca id=\u0022${data[0]}\u0022 data-target=\u0022${data[1]}\u0022 aria-controls=\u0022${data[2]}\u0022\u003E\r\n \u003Csvg id=\u0022${data[3] \u002B i}\u0022\u003E\u003C/svg\u003E\r\n \u003Cspan id=\u0022${data[4]}\u0022\u003E${data[5]}\u003C/span\u003E\r\n \u003Cdiv id=\u0022${data[6] \u002B i}\u0022 data-target=\u0022${data[7]}\u0022\u003E\r\n \u003C/div\u003E\r\n \u003C/div\u003E\u0060);\r\n element.prependTo(parentElement);\r\n $(\u0060#${data[3] \u002B i}\u0060);\r\n $(\u0060#${data[6] \u002B i}\u0060);\r\n}\r\nparentElement.empty();","IsDeferred":false}]}