如何在表格行/表格数据中查找文本

Question

我正在尝试使用“ 24hrs”类更改表格行中文本的颜色。 我使用jquery来查找文本，但我只是无法弄清楚。

这是我正在使用的桌子

            <table class="table" id="characters-table">
            <thead>
                <tr>
                    <th>Logo</th>
                    <th>Abbreviation</th>
                    <th>Coin</th>
                    <th>Price</th>
                    <th>Market Cap</th>
                    <th>24hr</th>
                    <th>More info</th>
                </tr>
            </thead>
            <tbody>
                <template id="all-characters-template">
                    {{#Data}}
                    <tr>
                        <td><img class="img-coin" src="https://www.cryptocompare.com{{CoinInfo.ImageUrl}}"/></td>
                        <td class="character-id">{{CoinInfo.Name}}</td>
                        <td>{{CoinInfo.FullName}}</td>
                        <td>{{DISPLAY.EUR.PRICE}}</td>
                        <td>{{RAW.EUR.MKTCAP}}</td>
                        <td class="24hrs">{{DISPLAY.EUR.CHANGEPCT24HOUR}}</td>
                        <td><button class="btn btn-info character-info-btn" data-toggle="modal" data-target="#myModal">More Info</button></td>
                    </tr>
                    {{/Data}}
                </template>

我试过了，但找不到任何东西

console.log($("#all-characters-template").closest("tr").find(".24hrs").text());

提前致谢

Answer 1

CSS类名不能以数字开头。

请参阅： CSS类名称/选择器中哪些字符有效？

https://www.w3.org/TR/CSS21/grammar.html#scanner

Answer 2

如前所述，您尝试使用模板引擎的ID，而不是呈现的html元素的ID。 因此，请尝试以下操作：

$('#characters-table tbody .24hrs').css('color', 'red');