2015-06-08 6 views
-1

Как наиболее эффективно сортировать их с помощью JavaScript/JQueryКак сортировать их с помощью JavaScript или JQuery наиболее эффективно

<div>6</div> 
<div>2</div> 
<div>7</div> 
<div>5</div> 
<div>9</div> 
<div>4</div> 
<div>8</div> 
<div>1</div> 
<div>3</div> 
+2

Используйте 'сортировки()' метод: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/ sort –

+0

Мне нужно сделать все эти divs синим в правильном порядке –

+1

http://jsfiddle.net/hibbard_eu/C2heg/ - возможно, это поможет – Lau

ответ

1

Вы можете использовать метод sort() организовать div элементы, чтобы в обязательном порядке, затем append() их содержащему элементу в указанном порядке. Попробуйте это:

$('div').sort(function(a, b) { 
 
    return $(a).text() > $(b).text(); 
 
}).appendTo('body');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>6</div> 
 
<div>2</div> 
 
<div>7</div> 
 
<div>5</div> 
 
<div>9</div> 
 
<div>4</div> 
 
<div>8</div> 
 
<div>1</div> 
 
<div>3</div>

+0

Большое спасибо. –

0
var arr=[]; 
var divs = $("div"); 

$.each(divs,function(index){ 
    if($(divs[index]).html()) 
    arr.push($(divs[index]).html()); 
}); 

console.log(arr.sort()); 
+0

Как это изменит порядок элементов в DOM? –

+0

Хорошо. Это можно сделать. позвольте мне уточнить ответ – Tuhin

Смежные вопросы