tablesorter를 사용하고 있고 여러 div가있는 열을 정렬하는 방법을 알아 내려고하고 있습니다. 특히 "prog-perc"div에서 퍼센트로 열을 정렬해야합니다.jQuery tablesorter 여러 div가있는 열 정렬
나는 맞춤 구문 분석기/텍스트 추출을 이해하는 데 어려움을 겪었으므로 가능한 경우 프로세스를 설명하는 답변을 찾고 있습니다. 비율 파서가이를 감지한다으로
HTML
<td class="transaction-table-hide">
<span class="status">&{enums.Select.ISCTDealStatus.values()[transaction?.status].name}</span>
<div class="prog-container">
<a href="#" class="form-info" rel="tooltip" title="">
<div class="progress rounded clearfix">
<div class="prog-quart fl"> </div>
<div class="prog-half fl"> </div>
<div class="prog-three-quart fl"> </div>
<div class="prog-perc">10%</div>
</div>
</a>
</div>
</td>
$.tablesorter.addParser({
id: 'currencyExtract',
is: function(s) {
return false;
},
format: function(s) {
return s
.replace(/ AUD/,0)
.replace(/ BHD/,0)
.replace(/ BBD/,0)
.replace(/ CAD/,0)
.replace(/ CNY/,0)
.replace(/ HRK/,0)
.replace(/ CZK/,0)
.replace(/ DKK/,0)
.replace(/ XCD/,0)
.replace(/ EGP/,0)
.replace(/ MTL/,0)
.replace(/ EUR/,0)
.replace(/ HKD/,0)
.replace(/ HUF/,0)
.replace(/ INR/,0)
.replace(/ ILS/,0)
.replace(/ JMD/,0)
.replace(/ JPY/,0)
.replace(/ JOD/,0)
.replace(/ KES/,0)
.replace(/ LVL/,0)
.replace(/ LTL/,0)
.replace(/ MUR/,0)
.replace(/ MXN/,0)
.replace(/ MAD/,0)
.replace(/ NZD/,0)
.replace(/ NOK/,0)
.replace(/ OMR/,0)
.replace(/ PLN/,0)
.replace(/ GBP/,0)
.replace(/ QAR/,0)
.replace(/ RON/,0)
.replace(/ RUB/,0)
.replace(/ SAR/,0)
.replace(/ SGD/,0)
.replace(/ ZAR/,0)
.replace(/ SEK/,0)
.replace(/ CHF/,0)
.replace(/ THB/,0)
.replace(/ THD/,0)
.replace(/ TRY/,0)
.replace(/ AED/,0)
.replace(/ USD/,0)
;
},
type: 'numeric'
});
$("#sorTable").tablesorter({
headers:{
1:{
sorter: 'shortDate'
},
3:{
sorter: 'currencyExtract'
},
4:{
sorter: 'currencyExtract'
},
5:{
sorter: false
}
},
textExtraction: function(node){
return node.childNodes[0].nodeValue;
},
/*textExtraction: function(node) {
var $n = $(node), $p = $n.find('.prog-perc');
return $p.length ? $p.text() : $n.text();
},*/
widgets: ['zebra'],
dateFormat: "uk"
}).tablesorterPager({container: $("#pager")});
정렬 방식의 일반적인 방법은 내 대답을 참조하십시오. http://stackoverflow.com/a/12920117/1544054 – Aviko