Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 15.10.2015, 12:53
Новичок на форуме
Отправить личное сообщение для Feuerman063 Посмотреть профиль Найти все сообщения от Feuerman063
 
Регистрация: 15.10.2015
Сообщений: 7

Выдает JSON
Ответить с цитированием
  #12 (permalink)  
Старый 15.10.2015, 13:03
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

А если JSON, то нужно сначала его сортировать, и только затем выводить, это менее затратно, чем потом копаться в DOM. К тому же почитать об API, возможно что его запросы позволяют указывать параметры сортировки и возвращать уже отсортированное.
Ответить с цитированием
  #13 (permalink)  
Старый 15.10.2015, 13:16
Новичок на форуме
Отправить личное сообщение для Feuerman063 Посмотреть профиль Найти все сообщения от Feuerman063
 
Регистрация: 15.10.2015
Сообщений: 7

Понял, спасибо за советы. Почитаю еще об API.
Ответить с цитированием
  #14 (permalink)  
Старый 15.10.2015, 13:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,434

сортировка div по содержимому js
Feuerman063,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
<div id="search">
	<div class="search-element">
		<div><a href="..."><img src="..."></a></div>
		<div><a href="...">Вася</a></div>
	</div>
	<div class="search-element">
		<div><a href="..."><img src="..."></a></div>
		<div><a href="...">Аня</a></div>
	</div>
	<div class="search-element">
		<div><a href="..."><img src="..."></a></div>
		<div><a href="...">Вова</a></div>
	</div>
	<div class="search-element">
		<div><a href="..."><img src="..."></a></div>
		<div><a href="...">Боря</a></div>
	</div>
</div>
<script type='text/javascript'>
var c = document.querySelector("#search");
Array.apply(null,c.querySelectorAll(".search-element"))
.sort(function(a, b) {
    a = a.querySelector("div:last-child > a").text;
    b = b.querySelector("div:last-child > a").text;
    return a < b ? -1 : a > b ? 1 : 0
})
.forEach(function(a) {
    c.appendChild(a)
});
</script>
</body>

</html>

вариант на jQuery тут Как упорядочить несколько тегов одновременно

Последний раз редактировалось рони, 03.11.2015 в 22:09.
Ответить с цитированием
  #15 (permalink)  
Старый 15.10.2015, 13:34
Новичок на форуме
Отправить личное сообщение для Feuerman063 Посмотреть профиль Найти все сообщения от Feuerman063
 
Регистрация: 15.10.2015
Сообщений: 7

Сообщение от рони Посмотреть сообщение
вариант на jQuery тут Как упорядочить несколько тегов одновременно
А вам спасибо за рабочий вариант. Эту тему я как раз находил по jQuery.
Ответить с цитированием
  #16 (permalink)  
Старый 17.10.2015, 15:10
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

рони, а зачем использовать map, если можно заюзать slice?
Сообщение от рони
= a.querySelector("div:last-child > a").text;
Что это за свойство такое? Почему не textContent?
__________________
"Matreshka is fucking awesome" © чувак с Reddit
Matreshka.js - Три возможности
Ответить с цитированием
  #17 (permalink)  
Старый 18.10.2015, 00:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,434

Сообщение от FINoM
если можно заюзать slice?
можно
Сообщение от FINoM
Что это за свойство такое?
видимая часть ссылки, вроде всегда было
Ответить с цитированием
  #18 (permalink)  
Старый 18.10.2015, 00:14
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Сообщение от рони
видимая часть ссылки, вроде всегда было
Работаю вроде давно, но этого не знал. Я бы запутался, честно говоря, не встретив такого свойства в другом элементе.
__________________
"Matreshka is fucking awesome" © чувак с Reddit
Matreshka.js - Три возможности
Ответить с цитированием
  #19 (permalink)  
Старый 18.10.2015, 00:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,434

Сообщение от FINoM
Я бы запутался, честно говоря, не встретив такого свойства в другом элементе.
text есть ещё в option или я что-то неправильно понимаю?
Ответить с цитированием
  #20 (permalink)  
Старый 18.10.2015, 00:28
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Сообщение от рони
text есть ещё в option или я что-то неправильно понимаю?
Человек запомит, что текст можно извлечь с помощью свойства text, потом будет матюкаться, если его не найдет в диве. Лучше всегда использовать textContent. А такие древние API лучше не трогать.

Вот еще один пример древнего API:

alert('xxxx'.bold());
__________________
"Matreshka is fucking awesome" © чувак с Reddit
Matreshka.js - Три возможности
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Требуется javascript ninja для небольшой задачи Achilles_sm Работа 7 01.07.2015 18:33
Бесплатный курс JavaScript (18 уроков)  Bokal Учебные материалы 2 16.11.2014 20:20
Как изменить css одного div при наведении на другой с javascript? InkyThousand Общие вопросы Javascript 7 11.11.2014 16:35
javascript вставки в vrml сцены. Передать событие из броузера Proletariy Javascript под браузер 0 10.05.2011 12:26
JavaScript + div = ? obsessioner Оффтопик 9 09.04.2010 13:58