Le bloc-notes professionnel d'un développeur front-end senior
|
1 2 3 4 5 6 7 |
<ul class="steps"> <li>first step</li> <li>second step</li> <li class="current">third step</li> <li>fourth step</li> <li>fifth step</li> </ul> |
|
1 2 3 4 |
jQuery(document).ready(function(){ jQuery('.steps li.current').prevAll('li').addClass('before'); jQuery('.steps li.current').nextAll('li').addClass('after'); }); |
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 ) ); }); }); |