Jquery获得匹配行的第n个子节点

时间:2013-07-23 23:58:52

标签: javascript jquery dom

请参阅以下前面的行。

$('#Area_Code').keyup(function(){ 
        var searchterm = $(this).val();
        if(searchterm.length > 3) {
            var match = $('tr.data-row:contains("' + searchterm + '")');
            var nomatch = $('tr.data-row:not(:contains("' + searchterm + '"))');
            $('#Sector1_Result').prepend(match)
            match.addClass('selected');
            nomatch.css("display", "none");
        } else {
            $('tr.data-row').css("display", "");
            $('tr.data-row').removeClass('selected');
        }
    });

这从表中获取一行并附加它,我只想要一行中的单元格而不是整行。

2 个答案:

答案 0 :(得分:1)

您可以使用.children.get.eq的组合。例如,如果match是包含该行的jQuery对象,那么您将获得第n个子项:

match.children().get(n)

答案 1 :(得分:0)

我会直接在表上写td选择器

HTML:

<table id="test">
    <tr>
        <td>joy</td>
        <td>abc</td>
    </tr>
</table>

的javascript:

$('td:contains("joy")').css('background-color', 'red');

小提琴:http://jsfiddle.net/ykZcN/1/