2

我正在使用 mixitup 插件对一个大列表进行排序。
最终列表中将有大约 740 个条目，到目前为止我已经有大约 250 个条目。
使用完整列表进行排序非常慢，我只能想象一旦所有条目都进入它会变得更糟。

每个条目都遵循以下格式：

<li class="mix grass def kalos" data-no="650" data-name="Chespin" data-hp="56" data-att="61" data-def="65" data-spa="48" data-spd="45" data-spe="38">
    <div class="meta no">650</div>
    <div class="meta name">
        <div class="img_wrapper">
            <img src="images/pokemon/650-chespin.png" onload="imgLoaded(this)"/>
        </div>
        <div class="titles">
            <h2>Chespin</h2>
            <p><img src="images/type/grass.png"></p>
        </div>
    </div>
    <div class="meta ability"><ul><li><div title="#overgrow">Overgrow</div></li><li><div title="#bulletproof"><i>Bulletproof</i></div></li></ul></div>
    <div class="meta ev"><ul><li>1 Defense</li></ul></div>
    <div class="meta hp">56</div>
    <div class="meta att">61</div>
    <div class="meta def">65</div>
    <div class="meta spa">48</div>
    <div class="meta spd">45</div>
    <div class="meta spe">38</div>
</li>

如您所见，在第一个 li 类和数据标签中存在一些重复数据，这些数据与其他 div 中的数据相对应。li 类中的项目被插件用来排序和过滤，而 div 中的内容就是我们所看到的。

我在想有一个 javascript 可以从 li 标签中提取数字/数据并自动将它们放入相应的 div 中，但这必须为每个 li 项目完成。由于我必须手动插入所有这些值，这是否有助于减少实时站点上的过滤时间或只是构建时间？

插件站点： http: //www.mixitup.io
工作站点： http: //www.color-mode.net/xy/pokedex.php

4

0 回答 0