Question

我有一个js函数，我一直在努力用测验结果显示一个类别列表。然而，测验结果是在javascript中计算的，我创建的php表只调用了没有结果的初始数组。这意味着我可以通过数组中的任何内容进行排序，但我想通过测验％进行排序。我应该在js或php中这样做吗？

setCategoryOverview: function() {
                    results.comp.cats = {};

                    $e.find('.wpProQuiz_catOverview li').each(function() {
                        var $this = $(this);
                        var catId = $this.data('category_id');

                        if(config.catPoints[catId] === undefined) {
                            $this.hide();
                            return true;
                        }

                        var r = Math.round(catResults[catId] / config.catPoints[catId] * 100 * 100) / 100;

                        results.comp.cats[catId] = r;

                        $this.find('.wpProQuiz_catPercent').text(r + '%');

                        $this.show();
                    });
                },

这是php table，它按category_id

排序

<div class="wpProQuiz_catOverview" <?php $this->isDisplayNone($this->quiz->isShowCategoryScore()); ?>>
                    <h4><?php _e('Categories', 'wp-pro-quiz'); ?></h4>
                    <div style="margin-top: 10px;">
                        <ol>
                            <?php foreach($this->category as $cat) {
                                if(!$cat->getCategoryId()) {
                                    $cat->setCategoryName(__('Not categorized', 'wp-pro-quiz'));
                                }
                            ?>
                            <li data-category_id="<?php echo $cat->getCategoryId();?>">
                                <span class="wpProQuiz_catName"><?php echo $cat->getCategoryName(); ?></span>
                                <span class="wpProQuiz_catPercent">0%</span>
                            </li>
                            <?php } ?>
                        </ol>
                    </div>
                </div>

Answer 1

正如JayBlanchard提议的那样，最好的选择是生成百分比并事先进行排序（在服务器端）。但是，这可能不是一个选择。您可以尝试使用此方法在客户端（fiddle）执行ordenation：

// Pre-calculate the percentages using js as you're doing.
var results = [];
$("ol li").each(function (index, item) {// Store the results in an array of objects.
    results.push({
        id: $(item).data("category_id"),
        name: $(".wpProQuiz_catName", this).text(),
        percentage: $(".wpProQuiz_catPercent",this).text()
    });
});

results.sort(function(a,b){// Sort the array by percentage.
    var numA = +(a.percentage.slice(0,-1)), numB = +(b.percentage.slice(0,-1));
    return numB - numA;// Ascending order
});

$("ol li").each(function (index, item) {// Substitute li information acccording to the ordered array.
    $(item).attr("data-category_id", results[index].id);
    $(".wpProQuiz_catName", this).text(results[index].name);
    $(".wpProQuiz_catPercent",this).text(results[index].percentage);
});

由于您正在计算js中其他位置的百分比，因此可以使用较少的循环来完成（您可以利用它并在那里创建结果数组）。

希望它有所帮助。

通过javascript或php中的计算字段排序数组？

1 个答案: