Question

我想使用jquery搜索表中的 + 符号，然后在该td中添加css样式。有人可以帮忙吗？

这是我的代码：

<table cellspacing="0" cellpadding="0" border="0" id="flex1">
    <thead>
        <tr class="hDiv">
            <th>
                <div rel="job_id" class="text-left field-sorting ">Job id</div>
            </th>
            <th>
                <div rel="tour" class="text-left field-sorting ">Tour</div>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div class="text-left">1</div>
            </td>
            <td>
                <div class="text-left">6 Day Hongkong</div>
            </td>
        </tr>
        <tr class="erow">
            <td>
                <div class="text-left">2</div>
            </td>
            <td>
                <div class="text-left">6 Day Macau +</div>
            </td>
        </tr>
        <tr class="erow">
            <td>
                <div class="text-left">2</div>
            </td>
            <td>
                <div class="text-left">6 Day + UK</div>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

尝试

fiddle Demo

$('#flex1 td:contains("+")').css();

或

fiddle Demo

$('#flex1 td:contains("+")').addClass('ClassName');

:contains()

.css()

.addClass()

Answer 2

jQuery有一个名为:contains()的精彩选择器，所以这实际上很简单：

$('td:contains("+")').addClass('blue')

Click here to see this in action.

Answer 3

$('td:contains("+")').each(function() {
    $(this).addClass('addMyCss');    
}

之后，您可以使用css自定义addMyCss类。我希望这会对你有所帮助。

使用jquery搜索加号

3 个答案: