Le bloc-notes professionnel d'un développeur front-end senior
Grouper des éléments avec jQuery en utilisant la fonction de base lenght et la fonction de parcours slice.
Simulation : http://jsfiddle.net/frontenddeveloper/6wXef/1/
|
1 2 3 4 5 6 7 |
var items = jQuery('.single-item'); var blockCount = 2; for (var i = 0; i < items.length; i+= blockCount) { var slice = items.slice(i,i + blockCount); slice.wrapAll('<div class="item-pack"></div>'); } |
Simulation : http://jsfiddle.net/frontenddeveloper/FZrp7/
|
1 2 3 4 5 6 7 8 9 |
jQuery(document).ready(function(){ // on applique une classe aux colonnes sélectionnées pour les mettre en avant visuellement jQuery('table input').click(function (){ var GET_COLUMN_INDEX = jQuery(this).closest('td').prevAll().length; jQuery('input').closest('table').find('th:nth-child(' + (GET_COLUMN_INDEX + 1) + '), td:nth-child(' + (GET_COLUMN_INDEX + 1) + ')').toggleClass('selected'); //alert( ' column # ' + ( GET_COLUMN_INDEX ) ); }); }); |