Javascript 按特定属性对jQuery中的数据进行排序

Javascript 按特定属性对jQuery中的数据进行排序,javascript,jquery,sorting,attributes,Javascript,Jquery,Sorting,Attributes,我正在尝试按如下特定属性对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

我正在尝试按如下特定属性对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" sale=@item.SaleNumber feedback=@item.Feedback>
        <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>
这只是对整个表中的1项进行排序(或者别的什么,我不太确定?)

有人能帮我解决这个问题吗

编辑:以下是渲染的tr标记:

<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
349
10
14250

问题是
a.反馈
b.反馈
没有获得
反馈
属性的值。您可以使用
$(a).attr('feedback')
$(b).attr('feedback')
,如下所示

$(“.feedbackClick”)。单击(函数(){
var$wrapper=$('.testWrapper');
$wrapper.find('.test').sort(函数(a,b){
return+$(b.attr('feedback')-+$(a.attr('feedback');
}).appendTo($wrapper);
});

标题
1111
3333
2222

排序
问题是
a.反馈
b.反馈
未获得
反馈
属性的值。您可以使用
$(a).attr('feedback')
$(b).attr('feedback')
,如下所示

$(“.feedbackClick”)。单击(函数(){
var$wrapper=$('.testWrapper');
$wrapper.find('.test').sort(函数(a,b){
return+$(b.attr('feedback')-+$(a.attr('feedback');
}).appendTo($wrapper);
});

标题
1111
3333
2222

Sort
jQuery没有
.Sort()
方法。什么是
a.反馈
b.反馈
?预期的结果是什么?您能否在问题中包含呈现的
html
?您不能在html中运行jQuery或javaScript。你需要把它放在一个盒子里。在sort按钮上添加事件处理程序以调用sort函数。在排序功能中,重新加载您的选择box@Claus它已经在脚本标记中处理过了,我只是忘了在这里添加它sry..@guest271314预期结果是将表中的tr从较大的反馈值排序到较低的反馈值..
a.feedback
b.feedback
tr
元素中最后一个
td
元素的文本吗?jQuery没有
.sort()方法。什么是
a.反馈
b.反馈
?预期的结果是什么?您能否在问题中包含呈现的
html
?您不能在html中运行jQuery或javaScript。你需要把它放在一个盒子里。在sort按钮上添加事件处理程序以调用sort函数。在排序功能中,重新加载您的选择box@Claus它已经在脚本标记中处理过了,我只是忘了在这里添加它sry..@guest271314预期结果是将表中的tr从较大的反馈值排序到较低的反馈值..
a.feedback
b.反馈
tr
元素中最后一个
td
元素的文本吗?Hi@Azim这将按照相反的顺序(从小到高-不是从高到小)对项目进行排序如果我现在想按销售额对项目进行排序,我是否执行与此相同的步骤?是的。像这个@User987Hi@Azim这是按照相反的顺序(从小到高,而不是从高到小)对物品进行排序如果我现在想按销售额对物品进行排序,我会像这样做吗?是的。像这个@用户987
<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>