我有一个如下的表,我希望能够按#响应,#likes,views,views :(通过标签<a>
,最好是单击时)
<table><tbody>
<tr><td>
<p class="question-text card-category">Subject 1</p>
<p class="question-text card-category">Question 1</p>
<span style="font-size:0.8rem;">Responses: 4 | likes: 5 | Views: 6</span></td>
</tr><tr>
<td>
<p class="question-text card-category">Subject 2</p>
<p class="question-text card-category">Question 2</p>
<span style="font-size:0.8rem;">Responses: 3 | likes: 7 | Views: 5</span></td></tr>
<td><tr>
<p class="question-text card-category">Subject 3</p>
<p class="question-text card-category">Question 3</p>
<span style="font-size:0.8rem;">Responses: 4 | likes: 5 | Views: 6</span></td></tr>
</tbody></table>
要对表元素进行排序,在绘制实际表或跨度之前,您需要在数据阵列中进行操作。如果要从TD或SPAN中的值中对其进行排序,则可能应该使用JavaScript或JQuery方法进行刮擦值。
获得可排序的数组后(可能是从刮擦,ajax呼叫或提交某个地方的数据。能够使用比较函数请参见以下内容:如何在JavaScript中对字符串进行排序
对其进行排序后,用排序的数据绘制元素。
我不建议刮擦,除非您从其他网站获得数据,否则要做很多努力。