如何更改由其属性值选择的表行的bg?

时间:2011-07-14 07:24:03

标签: javascript html

我有一个HTML表格,其中每一行都有一个唯一的属性。当用户在表单文本字段中选择其唯一ID时,我想更改行的bg。

必须是js,我不希望表格发布。

由于

2 个答案:

答案 0 :(得分:1)

虽然我们会理解您的一些HTML代码,但这是一个基本的实现。

$('form').submit(function() {
    var attributeToSearch = $('.search').val();
    $('table tr[uniqueAttribute="' + attribute + '"]').css('background', 'red');
});

HTML应该是这样的:

<table>
    <tbody>
        <tr uniqueAttribute="foo">...</tr>
        <tr uniqueAttribute="bar">...</tr>
    </tbody>
</table>

形式:

<form>
    <fieldset>
        <input type="text" class="search" />
        <input type="submit" />
    </fieldset>
</form>

在表单提交上,我们检查用户输入的输入并搜索具有该属性值的表行并更改其背景。

答案 1 :(得分:0)

如果我理解正确,这应该适合你:http://jsfiddle.net/fFApC/

如果您需要澄清/代码更新,请发表评论。