Question

我有一个HTML表格，用PHP制作，包含我数据库中的值。

我想获得最高价格并改变这个价格（同样是最小的价格）。但在我的剧本中，我认为我的比较存在问题，因为它错过了1/2的值。（我的英语不是很好，所以我希望你能理解代码）

    <table>
      <tr>
        <th>Rang</th>
        <th>Nom</th>
        <th>Prix(€)</th>
        <th >Description</th>
        <th>Précisions d'achat</th>
    </tr>

    <?php
        $i=1;
        while($donnees = $resultPop->fetch()){
            echo '<tr>
            <td>'.$i.'</td>
            <td><a href="'.$donnees['POP_LINK'].'">'.$donnees['POP_NOM'].'</a></td>
            <td class="prix">'.$donnees['POP_PRIX'].'</td>
            <td>'.$donnees['POP_DESCRIPTION'].'</td>
            <td>'.$donnees['POP_PRECISION'].'</td>
            </tr>';
            $i++;
        }
    ?>
    </table>
    <script>
        var prix = new Array;
        prix[0] = document.getElementsByClassName('prix');
        var i = 0;
        var cheapest = 0;
        while(i< 7){
            console.log(i);
            if (Number(prix[0][i].innerHTML) > Number(prix[0][i+1].innerHTML)){
                cheapest = prix[0][i+1];
                console.log(cheapest.innerHTML);
            }
            i++;
        }
        cheapest.style.color = 'red';
    </script>

或者我认为可能正在做一个PHP函数，但后来我不知道如何改变文本的颜色......

这是控制台输出：

完整值为：12.73 12.90 11.17 22.90 12.90 14.90 12.90 12.90 粗体显示为红色。

Here is the rendered HTML 代码：

<table>
                    <tr>
                        <th>Rang</th>
                        <th>Nom</th>
                        <th>Prix(€)</th>
                        <th >Description</th>
                        <th>Précisions d'achat</th>
                    </tr>

                    <tr>
                                <td>1</td>
                                <td><a href="">Twisty - AHS</a></td>
                                <td class="prix">12.73</td>
                                <td>Twisty le clown dans la saison 4 d'American Horror Story</td>
                                <td>/</td>
                            </tr>12.73<tr>
                                <td>2</td>
                                <td><a href="">Agent Smith - Matrix</a></td>
                                <td class="prix">12.90</td>
                                <td>L'agent Smith dans Matrix</td>
                                <td>Prendre la figurine de l'agent Smith</td>
                            </tr>12.90<tr>
                                <td>3</td>
                                <td><a href="">Finn - Adventure Time</a></td>
                                <td class="prix">11.17</td>
                                <td>Finn dans Adventure Time</td>
                                <td>Frais de port gratuit. Sur Amazon</td>
                            </tr>11.17<tr>
                                <td>4</td>
                                <td><a href="">Titan Colossal - SNK</a></td>
                                <td class="prix">22.90</td>
                                <td>Le Titan Colossal de l'anime Shingeki No Kyojin. Figurine plus grande que d'hab donc prix + élevé</td>
                                <td>/</td>
                            </tr>22.90<tr>
                                <td>5</td>
                                <td><a href="">Marty McFly - BTTF</a></td>
                                <td class="prix">12.90</td>
                                <td>Marty Mc Fly dans la trilogie Retour vers le futur</td>
                                <td>/</td>
                            </tr>12.90<tr>
                                <td>6</td>
                                <td><a href="">The Dude - TBL</a></td>
                                <td class="prix">14.90</td>
                                <td>Le Duc du film The Big Lebowski</td>
                                <td>/</td>
                            </tr>14.90<tr>
                                <td>7</td>
                                <td><a href="">Wall-E</a></td>
                                <td class="prix">12.90</td>
                                <td>Wall-E du film Disney éponyme</td>
                                <td>/</td>
                            </tr>12.90<tr>
                                <td>8</td>
                                <td><a href="">Tim The Enchanter - HG</a></td>
                                <td class="prix">12.90</td>
                                <td>Tim l'Enchanteur du film Sacré Graal des Monty Python</td>
                                <td>Prendre Tim l'Enchanteur. Celui avec les cornes et le lapin</td>
                            </tr>12.90                  </table>
                <script>
                    var prix = new Array;
                    prix[0] = document.getElementsByClassName('prix');
                    var i = 0;
                    var cheapest = 0;
                    while(i< 7){
                        console.log(i);
                        if (Number(prix[0][i].innerHTML) > Number(prix[0][i+1].innerHTML)){
                            cheapest = prix[0][i+1];
                            console.log(cheapest.innerHTML);
                        }
                        i++;
                    }
                    cheapest.style.color = 'red';

                </script>

如果有人能帮助我那将是非常棒的。如果您需要更多详细信息，请告诉我。

Answer 1

您可以使用Array.prototype.slice()将HTMLCollection转换为数组，Array.prototype.map()将元素作为数组返回.innerHTML; Math.min()，Math.max()，Array.prototype.indexOf()从HTMLColloection处选择元素，其中指向greastest或最小数字为.innerHTML

var prix = document.getElementsByClassName("prix");
// added `+` operator to convert string to number
var n = [].slice.call(prix).map(function(el) {return +el.innerHTML});
var max = Math.max.apply(Math, n);
var maxIndex = n.indexOf(max);
var min = Math.min.apply(Math, n);
var minIndex = n.indexOf(min);
prix[maxIndex].style.color = "green";
prix[minIndex].style.color = "red";

比较javascript中的浮点数并更改最高

1 个答案: