设置表格行的CSS

时间:2014-01-04 16:42:48

标签: jquery css

认为这很容易,但我遇到了麻烦!

我有一个表,当我根据名称在该表中搜索一行时,我想突出显示它找到的行。我正在尝试以下代码:

    var elem = $("#table-names tr:contains("+ name +")");
    $(elem).css("background-color", "red");

但它不起作用。

编辑(下面的html):

    <table id="table-names" class="table table-bordered table-hover table-condensed">
        <thead>
            <tr>
                <th align="center">Pos</th>
                <th align="center">Name</th>
                <th align="center">Points</th>
            </tr>
        </thead>
        <tbody> 
            <?php 
                $rows = getPoints(); 
                foreach ($rows->body as $row):
            ?>
                    <tr>
                        <td><?= $row->position; ?></td>
                        <td><?= $row->teamshort; ?></td>
                        <td><?= $row->points; ?></td>
                    </tr>
                <? endforeach ?>
        </tbody>
    </table>

我错过了什么吗?

干杯

1 个答案:

答案 0 :(得分:2)

:contains()括号内的文字需要用引号括起来。

应该是

var elem = $("#table-names tr:contains('"+ name +"')");

More information here.