Как найти текст в строке таблицы / данных таблицы

Question

Я пытаюсь изменить цвет текста в строке таблицы с помощью класса «24 часа».Я использовал 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

Как уже отмечалось, вы пытаетесь использовать идентификатор вашего механизма шаблонов, а не вашего визуализированного html-элемента. Так что попробуйте это вместо:

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