2016-12-05 4 views
0

Я пытаюсь сортировать данные в Jquery по определенному атрибуту, как следующее:Сортировка данных в Jquery по определенному атрибуту

<table id="tableSellers" class="table table-striped jambo_table bulk_action"> 
    <thead> 
    <tr class="headings"> 
     <th class="column-title"><h4><i class="fa fa-user" style="text-align:center"></i> <span>Username</span></h4> </th> 
     <th></th> 
     <th class="column-title"> <h4><span class="glyphicon glyphicon-tasks salesClick" aria-hidden="true"></span></h4></th> 
     <th class="column-title"><h4><i class="fa fa-star feedbackClick"></i></h4></th>  
    </tr> 
    </thead> 
    <tbody class="testWrapper"> 
    @foreach (var item in ViewBag.rezultati) 
    { 
     <tr class="test" [email protected] [email protected]> 
     <td> 
      <a href="http://ebay.com/usr/@item.StoreName" target="_blank">@item.StoreName</a> 
     </td> 
     <td> 
      <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" value="@item.StoreName" data-original-title="Analyze competitor"> 
       <i class="fa fa-bar-chart-o"></i> 
      </button> 
     </td> 
     <td> 
      <b> 
      @item.SaleNumber 
      </b> 
     </td> 
     <td><b>@item.Feedback</b></td> 
     </tr> 
    } 
    </tbody> 
</table> 

И это код, который я сейчас использую для сортировки данных, но это не работает, как я хочу, чтобы это:

$(".feedbackClick").click(function() { 
    var $wrapper = $('.testWrapper'); 
    $wrapper.find('.test').sort(function (a, b) { 
    return +a.feedback - +b.feedback; 
    }) 
    .appendTo($wrapper); 
}); 

Это просто сортирует 1 пункт во всей таблице (или что-то, я не совсем уверен?)

Может кто-то помочь мне с этим?

Edit: Вот тонированное тр тег:

<table id="tableSellers" class="table table-striped jambo_table bulk_action"> 
    <thead> 
    <tr class="headings"> 
     <th class="column-title"> 
     <h4><i class="fa fa-user" style="text-align:center"></i> <span>Username</span></h4> </th> 
     <th></th> 
     <th class="column-title"> 
     <h4><span class="glyphicon glyphicon-tasks salesClick" aria-hidden="true"></span></h4></th> 
     <th class="column-title"> 
     <h4><i class="fa fa-star feedbackClick"></i></h4></th> 
    </tr> 
    </thead> 
    <tbody class="testWrapper"> 
    <tr class="test" sale="0" feedback="349"> 
     <td><a href="http://ebay.com/usr/kansascitykittygirl" target="_blank">kansascitykittygirl</a></td> 
     <td> 
     <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" value="kansascitykittygirl" data-original-title="Analyze competitor"><i class="fa fa-bar-chart-o"></i></button> 
     </td> 
     <td> 
     <b>0</b> 
     </td> 
     <td><b>349</b></td> 

    </tr> 
    <tr class="test" sale="10" feedback="14250"> 
     <td><a href="http://ebay.com/usr/fancaveidaho" target="_blank">fancaveidaho</a></td> 
     <td> 
     <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" value="fancaveidaho" data-original-title="Analyze competitor"><i class="fa fa-bar-chart-o"></i></button> 
     </td> 
     <td><b>10</b></td> 
     <td><b>14250</b></td> 
    </tr> 
    </tbody> 
</table> 
+0

Jquery не имеет '.sort)' метода (. Что должны представлять «a.feedback», «b.feedback»? Что такое ожидаемый результат? Можете ли вы включить визуализированный 'html' в Question? – guest271314

+0

вы не можете запускать jQuery или javaScript в своем HTML. Вы должны положить это внутри

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