【问题标题】:Filtering Table by values(new to HTML/JS)按值过滤表(HTML/JS 的新功能)
【发布时间】:2020-04-27 00:23:54
【问题描述】:

谁能告诉我如何使用由按下按钮触发的 javascript 过滤表,该 javascript 可以检查列映射错误/小队错误以获取大于 0 的值并通过过滤仅返回那些行?

    <table class="FILTER">
  <thead><tr class="firstrow"><th>league</th><th>Home</th><th>&nbsp;</th><th>Away</th><th>Mapping Error</th><th>Squad Error</th></tr></thead><tbody>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>AFC Rushden & Diamonds</td><td>-</td><td>Barwell</td><td>0</td><td>0</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Alvechurch</td><td>-</td><td>Royston Town</td><td>0</td><td>0</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Banbury Utd</td><td>-</td><td>Redditch Utd</td><td>0</td><td>0</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Biggleswade Town</td><td>-</td><td>Bromsgrove Sporting</td><td>0</td><td>0</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Coalville Town</td><td>-</td><td>Leiston</td><td>0</td><td>0</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Kings Langley</td><td>-</td><td>Nuneaton Borough</td><td>5</td><td>5</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Lowestoft Town</td><td>-</td><td>Hednesford Town</td><td>6</td><td>6</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Needham Market</td><td>-</td><td>Stratford Town</td><td>0</td><td>6</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Rushall Olympic</td><td>-</td><td>Peterborough Sports</td><td>0</td><td>0</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Stourbridge</td><td>-</td><td>Hitchin Town</td><td>0</td><td>0</td></tr>
   <tr><td>The BetVictor League Southern Premier Central Division</td><td>Tamworth</td><td>-</td><td>St Ives Town</td><td>0</td><td>4</td></tr>
   <tr><td>league</td><td>Home</td><td>&nbsp;</td><td>Away</td><td>Mapping Error</td><td>Squad Error</td></tr>
  </tbody></table>

【问题讨论】:

  • 如果您需要帮助,请先尝试自己寻找解决方案并在此处发布您的一些 JavaScript 代码。社区不会自行为您编写代码解决方案。熟悉 DOM 并查看 Mozilla MDN 上的基本 JavaScript 引用是一个很好的起点。
  • 谢谢你我会检查你提供的来源我已经尝试了我在网上看到的各种方法但尚未找到解决方案。
  • 能用datatable就更好了

标签: javascript jquery html filtering


【解决方案1】:

使用 JQuery 中的 filter 函数,您可以指定要选择的行。您可以查看此功能的文档here

【讨论】:

    【解决方案2】:

    您可以使用 Array.prototype.filter() 过滤您的数据。

    const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
    
    const result = words.filter(word => word.length > 6);
    
    console.log(result);
    // expected output: Array ["exuberant", "destruction", "present"]
    

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-03-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多