Question

I’m trying to understand 2 different lines of code below. My javascript is weak, trying to improve it with jquery (hmmmm)

What I’m trying to use the drag sort plugin from http://dragsort.codeplex.com/ specifically I’m using the http://dragsort.codeplex.com/SourceControl/changeset/view/74794#1025059 example.

I’ve gotten to the stage now where I’ve used this approach

var serialStr = "";
$("#list1 li").each(function(i, elm) { 
    serialStr = (i > 0 ? "|" : "") + $(elm).children().html(); 
});

The example has the following.

var serialStr = new Array();
$("#list1 li").each(function(i, elm) { 
    serialStr[] = = $(elm).attr("itemId");  
}); 

The reason I have the first approach is that I was testing everything out and its what they had in the HTML example. I’m now trying to save the state so I’ve moved onto the php example.

So my question is what is the primary difference going on in the different lines here? My understanding of the first line is that its selecting each child element inside of the li tag on list1 I don’t really get the (i > 0 ? “|” : “”) bit.

In the second snipplet from what I understand its selecting every attribute with the itemID assignee in list1 li ?

Answer 1

serialStr[] = (i > 0 ? "|" : "") +$(elm).children().html() is a shorthand if-clausule. It does the same as:

if(i > 0) {
 serialStr[] = "|" +$(elm).children().html();
} else {
 serialStr[] = "" +$(elm).children().html();
}