javascript - 如何使用 jquery 更改 anchor <a> 位于表格单元格中的样式

Question

我有以下问题需要使用 jQuery 更改表格单元格的样式。该变化取决于其他单元格中的值。 我有下表:

                             <table id="table">
                                <tr>
                                    <td>
                                        <a href="www.google.pl">YYYYYYYYY</a></td>
                                    <td>HHHHHHH<td>
                                </tr>
                                <tr>
                                    <td>Jedi Armor1</td>
                                    <td>HHHHHHH</td>
                                </tr>
                                <tr>
                                    <td>Jedi Armor2</td>
                                    <td>HHHHHHH</td>
                                </tr>
                            </table>

jQuery 方法:

            $(document).ready(function() {

                $('#table tr td').each(function(){
                     var textValue = $(this).text();
                        if(textValue == 'HHHHHHH'){
                        // add css class or any manipulation to your dom.
                    $(this).parent().css('color','red');
                    $(this).parent().children('td a').css('color','red');
                    };
                });

            // koniec funkcji hover
        });

问题是如何改变样式？

Answer 1

children() 无法向下查看 2 层

更改:

$(this).parent().children('td a')

到

$(this).parent().find('a');

但最简单的方法是在行中添加一个类，然后使用 css 来调整整行的样式。切换类通常比撤消内联 css 更容易

$(this).parent().addClass('has_H');

CSS

tr.has_H, tr.has_H a{
    color:red;
}