[jQuery] Re: Grouping tags and surrounding each group with a div

[Lleoun]

Just in case someone needs something similar, here's the solution:



  <script>
  $(document).ready(function(){



var contentLength = 7;
         var groupCount = 1;
         var totalDivContent = "";
         var elementCount = 0;
         var playlistContentBuilderSearch = "";
           for(var i=0;i < contentLength;i++)
           {
                        playlistContentBuilderSearch +=   "<li
class='searchResultsItem'>";
                        playlistContentBuilderSearch += "<h4>Title</
h4>";
                        playlistContentBuilderSearch += "<p>lalala</
p>";
                        playlistContentBuilderSearch += "</li>";
                        elementCount = elementCount + 1;
                                        if(elementCount%6 == 0)
                                        {
 
totalDivContent = totalDivContent + "<div id=\'div" + groupCount +
"\'>" + playlistContentBuilderSearch + "</div>";
                                                        groupCount =
groupCount + 1;
 
playlistContentBuilderSearch = "";
                                        }
          }

          if(playlistContentBuilderSearch != "")
          {
                        totalDivContent = totalDivContent + "<div id=
\'div" + groupCount + "\'>" + playlistContentBuilderSearch + "</div>";
          }

          $("#searchResults").html(totalDivContent);


                });
  </script>