Note that there are some explanatory texts on larger screens.

plurals
  1. POrewrite jquery so that it targets only parent ul li
    primarykey
    data
    text
    <p>Jsfiddle: <a href="http://jsfiddle.net/X4uvD/" rel="nofollow">http://jsfiddle.net/X4uvD/</a></p> <p>I'm trying to make this jquery code rewrite only parent ul li and not ul li inside.</p> <p>Any ideas how to achieve this?</p> <pre><code>//This is for footer slider, it rewrites 1 ul into several uls that contain 4 li max. // get the container, useful for later too... var container = $(".fproductslides"); // get all available UL and LI elements... // this doesn't order featured listings at the top of the list // var li_elements = container.find("LI").clone(); // this does order featured listings at the top of the list var li_elements = container.find("LI.slidefeatured").clone(); li_elements = li_elements.add(container.find('LI:not(.slidefeatured)').clone()); // remove the current content so that we can rebuild it for the slider... container.find("UL").remove(); // build the slider container... var slide_container = $("&lt;div /&gt;"); slide_container.addClass("slides_container"); // tricky part: looping through the LI's and building each of the slides... // first create some helpful variables... var li_elements_per_slide = 3; var li_counter = 0; // create the first slide, with a UL to hold the LI's... var current_li_div = $("&lt;div /&gt;"); current_li_div.append($("&lt;ul /&gt;")); // loop through the LI's... li_elements.each(function(index, element){ li_counter++; var current_li = $(element).clone(); current_li_div.find("UL").append(current_li); if (li_counter % li_elements_per_slide == 0) { // we've hit 4 in this list, so add the slide and make // a new one, using same code as before... container.append(current_li_div); current_li_div = $("&lt;div /&gt;"); current_li_div.append($("&lt;ul /&gt;")); } }); // we might have an uneven number of LI's, so we need to check for this... if (li_counter % li_elements_per_slide != 0) container.append(current_li_div); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload