試圖孩子DIV基於數據進行排序屬性排序子格屬性
下面正在被CM生成的HTML代碼和數據可以在任何隨機順序進行檢索。
的HTML代碼是
<section class="box explore">
<div id="ProductContainer" class="row">
<div id="1232132" data-name="B" data-category="Category_A" class="explore-cell">
<h>B</h>
<p>Category_A</p>
</div>
<div id="123" data-name="A" data-category="Category_A" class="explore-cell">
<h>A</h>
<p>Category_A</p>
</div>
<div id="1232152351" data-name="C" data-category="Category_A" class="explore-cell">
<h>C</h>
<p>Category_A</p>
</div>
<div id="12342341" data-name="E" data-category="Category_B" class="explore-cell">
<h>E</h>
<p>Category_B</p>
</div>
<div id="1325321" data-name="D" data-category="Category_B" class="explore-cell">
<h>D</h>
<p>Category_B</p>
</div>
</div>
的java
$('div').sort(function (a, b) {
var contentA = $(a).attr('data-name');
var contentB = $(b).attr('data-name');
return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
})
的jsfiddle http://jsfiddle.net/w8gkshue/
如果有人Ç點右邊的我直接指出如何按產品名稱或類別進行最佳排序。
更新希望可以得到較好的explination
排序是什麼意義? – Madbreaks 2014-12-04 22:22:22
您是否試圖根據您的排序重新定位dom元素? – LouisK 2014-12-04 22:28:43
divs生成行和單元格的網格視圖,單元格出現故障。我試圖使用http://stackoverflow.com/questions/6133723/sort-divs-in-jquery-based-on-attribute-data-sort作爲一個起點,但沒有與字符串 – foO 2014-12-04 22:30:40