Javascript 按特定属性对jQuery中的数据进行排序
我正在尝试按如下特定属性对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
<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>