Форум Сайтостроение Веб-строительство

Как отсортировать значения? Jquery

lutskboy
На сайте с 22.11.2013
Offline
172
lutskboy
531

Здравствуйте

Есть код такой


<ul>
	<li>Пирог</li>
	<li>Рубашка</li>
	<li>Телевизор</li>
	<li>Свитер</li>
	<li>Торт</li>
	<li>Компютер</li>
</ul>

нужно его отсортировать по типу с помощью Jquery. Например по клику по ссылке с id=sort

И в итоге должно получиться типа такого. 


<ul>
	<li>Свитер</li>
	<li>Рубашка</li>
	<li>Телевизор</li>
	<li>Компютер</li>
	<li>Торт</li>
	<li>Пирог</li>
</ul>

Тоесть сначала идет одежда, потом техника, и наконец еда.

Я так понимаю нужно каждому типу в соответствие поставить число. И сортировать по нему.

На PHP что то типа так array('Свитер'=>1,'Рубашка'=>1,'Телевизор'=>2,'Компютер'=>2,'Торт'=>3,'Пирог'=>3);

А с jquery я не очень

LEOnidUKG
На сайте с 25.11.2006
Offline
1725
LEOnidUKG
#1

Ну тут по сути тоже самое, только в <li> добавляйте class например какой хотите

или rel тег и по

<li class="s1">Свитер</li>

<li class="s1">Рубашка</li>

<li class="s2">Торт</li>

<li class="s2">Пирог</li>

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#2 


<ul>
    <li class="s3">Пирог</li>
    <li class="s1">Рубашка</li>
    <li class="s2">Телевизор</li>
    <li class="s1">Свитер</li>
    <li class="s3">Торт</li>
    <li class="s2">Компютер</li>
</ul>  

<a href="#" id="sort">Start</a>

<script>
$("#sort").click(function() { 
    var classes = [];
    
    $("li").each(function() {    
        var className = this.className;
        if (-1 === classes.indexOf(className)) {
            $("."+className ).wrapAll("<ul></ul>").unwrap();
            classes.push(className);
        } 
    });  
});
</script>
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий