在TD或SPAN -JQUERY -JAVASCRIPT中按值按值对表进行排序



我有一个如下的表,我希望能够按#响应,#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中对字符串进行排序

对其进行排序后,用排序的数据绘制元素。

我不建议刮擦,除非您从其他网站获得数据,否则要做很多努力。

最新更新