0

我有一个错误消息表，我想在它与确切的文本字符串匹配的特定情况下加粗。

这是表格：

<table width="1000px" border="0" cellpadding="0" class="search-messages">

    <logic:notEmpty name="pSRMessages" scope="request">
        <tr><td><h4><fmt:message key="SCN-1055"/></h4></td></tr>
        <logic:iterate id="rTMessage" name="pSRMessages" scope="request" >
            <tr><td><bean:write name="rTMessage"/></td></tr>
        </logic:iterate>
    </logic:notEmpty>
    <tr><td><h4><fmt:message key="SCN-1056"/></h4></td></tr>
    <logic:notEmpty name="pSMessages" scope="request">
        <logic:iterate id="message" name="pSMessages" scope="request" >
            <tr><td><bean:write name="message"/></td></tr>
        </logic:iterate>
    </logic:notEmpty>
    <logic:present name="pRList" scope="request" >
</table>

我写了这个方法，但我收到一个错误：

$(function () {
    if ($('.search-messages').each('tr').each('td').text() == 'Some specific line of text){
        $('this').css('font-weight', 'bold');
    }
});

js控制台中的错误信息：

Uncaught TypeError: Object tr has no method 'call'

在这种情况下，我似乎不能使用 $('this') 。如何识别与字符串匹配的当前 td 并将其更改为 css？

谢谢。

4

4 回答 4

5

您的each函数调用不正确，例如使用filter：

$('.search-messages td').filter(function() {
    return $(this).text() == 'Some specific line of text';
}).css('font-weight', 'bold');

jsFiddle

使用each 

$('.search-messages tr td').each(function() {
    var el = $(this);
    if (el.text() == 'Some specific line of text') {
        el.css('font-weight', 'bold');
    }
});

jsFiddle

于 2013-08-07T16:23:07.143 回答
2

像这样的东西怎么样：

$(".search-messages tr td").each(function(){ 
    var current = $(this);
    if(current.text() === "this will be bolded") { 
        current.toggleClass("special");
    }
});

这是一个要演示的小提琴：http: //jsfiddle.net/S9cs3/

于 2013-08-07T16:31:56.037 回答
1

试试这个

$('.search-messages td').each(function() {
    if($(this).html() == 'Some specific line of text')
        $(this).css('font-weight', 'bold');
}
于 2013-08-07T16:26:35.167 回答
0

我实际上有一个网站，它使用以下代码通过表格的行“搜索”并突出显示匹配项：

$('#search input').on('keyup', function(e) {
    var str = $(this).val().toLowerCase();
    var found = 0;
    if (str.length == 0 || e.keyCode == 27) { //user hit Esc or has no text in search box, clear out
        $('#search img').click();
    }
    else { //text has been entered, search for it
        $('#draft-board tbody tr').each(function() { //each row
            if ($(this).children('td.player').html().toLowerCase().search(str) > -1) { //search string found in current row! highlight it and scroll to it
                $(this).addClass('selected');
                if (found == 0) {
                    scroll(0,$(this).offset().top);
                }
                found += 1;
            }
            else { //search string not present in this row
                $(this).removeClass('selected');
            }
        });

        var tmp;
        if (found == 1) tmp = 'match';
        else tmp = 'matches';
        $('#search span').html(found + ' ' + tmp);
    }
});
于 2013-08-07T16:27:35.340 回答