如何换锚<a>当它's在表格单元格使用jquery样式

How to change anchor <a> style when it's in table cell using jquery

本文关键字：单元格表格 jquery 样式何换锚当它更新时间：2023-09-26

我有以下问题需要改变的样式是在表格单元格使用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
        });

问题是如何改变风格??

children()不能向下看2级

改变:

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

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

但是最简单的方法是向行添加一个类，然后使用css来调整整行的样式。切换类通常比撤销inline css

更容易

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

CSS

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

如果您将children更改为find，您的代码将正常工作