Comments on: Looping with jQuery

By: Gabriel Svennerberg

Gabriel Svennerberg — Fri, 20 Aug 2010 16:31:17 +0000

Santosh: It's easy, you just add 1 to i each iteration.

$('#my_list li').each(function(i) {
  $(this).append(i + 1);
});

By: santosh

santosh — Thu, 19 Aug 2010 18:58:04 +0000

$(‘#my_list li’).each(function(i) {
$(this).append(i.toString());
});

* Item0
* Item1
* Item2

Instead i want to get
* Item1
* Item2
* Item3

How to achieve the same???

By: Gabriel Svennerberg

Gabriel Svennerberg — Mon, 23 Nov 2009 07:33:12 +0000

Michel: There's almost always an elegant solution in jQuery! Got to love it! One thing to be aware of though is that if performance is an issue, you are better of with regular for-loops.

By: Michel Moos

Michel Moos — Sun, 22 Nov 2009 02:46:53 +0000

ps: My implementation:

var apptDetails='undefined';
function get_selected_values() {
  jQuery(document).ready(function($) {
    apptDetails='' + "\n";
    $("select").each(function(i){
      var v=$(this).val();
      if (v != 'none selected') {
        apptDetails = apptDetails + v + "\n";
      }; 
    });  
  });
}

By: Michel Moos

Michel Moos — Sun, 22 Nov 2009 02:45:15 +0000

Thank you for this!! (I knew there was an elegant solution.)

By: Gabriel Svennerberg

Gabriel Svennerberg — Wed, 07 Jan 2009 21:24:29 +0000

I think that there’s a fundamental flaw in your code. Surely you want the class to be appended only when the mouse hovers over it? In that case you could write it like this, but it’s actually longer than your code

$('#my_list li').each(function() {
    $(this).hover(function() {
        $(this).addClass('selected');
    },
    function() {
      $(this).removeClass('selected');
    });
});

But on the other hand it’s better to achieve this with pure CSS. Then it gets really short.

#my_list li:hover {
    /* Whatever style you want it to have */
}

By: Ro

Ro — Wed, 07 Jan 2009 20:34:39 +0000

Thanks for the article… helped me do this:

————————————-
$(‘#my_list li’).each(function()
{
$(this).mouseover(function()
{
$(‘#my_list li’).removeClass(“selected”);

$(this).addClass(“selected”);
})
})
———————————–

Can you think of anyway to shorten this?

Thanks