Jak obalit každý n-tý prvek

/ Blog / jQuery / Jak obalit každý n-tý prvek

Publikováno v sekci jQuery v 2. 10. 2014 - 15:24

aktualizováno

Občas potřebujeme obalit každý n-tý prvek nějakým wrapperem. Pokud nemůžeme sáhnout do serverové části, nabízí se klientské řešení.

Řešení v čistém JS

1: var divs = $("div > div"); for(var i = 0; i "); }

Jako jQuery plugin

1: (function($){ $.fn.wrapMatch = function(count, className) { var length = this.length; for(var i = 0; i '); } return this; }; })(jQuery);

Použití

1: $('.list-parent li').wrapMatch(5,'newclass');

Kategorie

  • Osobní názory - 1x
  • PHP - 9x
  • MYSQL - 4x
  • CSS - 7x
  • jQuery - 3x
  • Sociální síť - 1x
  • Nette - 5x
  • Tipy & triky - 3x
  • Twitter Bootstrap - 1x
  • Týdenní tipy a novinky - 4x
  • SCSS - 1x
  • GIT - 1x
  • Gulp - 1x

  • Komentáře (0x)

    Nejsou tu žádné komentáře


    Vložit nový komentář


    • na jiné komentáře odkazujte pomocí odkazu reagovat
    • vaše IP adresa bude zaznamenána
    • používají se gravatary
    • můžeme si tykat
    • HTML tagy vypnuty. PHP kód se také neprovede. Pokud potřebuju přiložit ukázku vašeho kódu, použijete službu pastebin
    • vulgární, rasistické či jinak nepřípustné komentáře budou smazány