dynamic list sorting without using sort array

Question

I was thinking of some sort algorithm to perform dynamic array sorting list, but this http://jsfiddle.net/Hms7Y/1/ seem able to solve my problem with cleaner code. But there's still few steps left to be done.

$(document).ready(function() {
  $('button').click(function() {
    var lvl = $('select').val();
    var ref = $('li.level' + lvl).last();
    $('<li class="level" '+ lvl + '>' + lvl + ' </li>').insertAfter(ref);
  });
});

what if initially I don't have any HTML markup, what is in my head now is use 3 if statement to check whether it's the 1st li when the user insert a li. is there any other better ways?

$('ul').children('li').length if it's greater than 0 a li is already present, at least I think. If it's correct you could also set a Boolean to avoid to check the Dom each time — Razorphyn
– Razorphyn, Commented Oct 18, 2013 at 7:37

Sathya · Accepted Answer · 2013-10-18 07:52:25Z

1

try this jsFiddle

$(document).ready(function() {
  $('button').click(function() {
    var lvl = $('select').val();
    var ref = $('li.level' + lvl).last();
    var newLi =  $('<li class="level'+ lvl + '">' + lvl + ' </li>');

    (ref.length > 0) ? newLi.insertAfter(ref) : $("ul").append(newLi);
  });
});

Or like this jsFiddle

(ref.length > 0) ? ref.after(newLi) : $("ul").append(newLi);

edited Oct 18, 2013 at 7:52

answered Oct 18, 2013 at 7:42

Sathya

5,3148 gold badges45 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ricki Vandenbroek Over a year ago

will this be hard to be load from db or save to db? I've to retrieve everything include its position from db, what is the challenge? or just insert them 1 by 1 like normal and then sort them using sql query?

Sathya Over a year ago

how do you want to show it. do you want to show level 1, 2 and 3in order?

Sathya Over a year ago

are you going to give separate label for each li? store it like this. If you are going to give label for each li structre like this. {1: [label, label], 2: [label, label], 3: [label, label]}. 1, 2, 3 are representing levels.

Ricki Vandenbroek Over a year ago

I found it got a problem, what I want is not just they grouped together, I try the code with level 3 appended 1st, later i choose level 1, the level 1 is on the top of level 3..

Collectives™ on Stack Overflow

dynamic list sorting without using sort array

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related