jquery - 如何在表格中的行周围添加边框

我有一个表，每行都有字段。如果字段为空，我希望特定行周围带有红色边框。

<table cellpadding="3" cellspacing="5" >
<tr>
<td class="cellformatting"><label>first name*</label></td>
<td class="cellformatting"><input id="fname" type="text" class="required searchfields" />
</td>
</tr>
<tr>
 <td class="cellformatting"><label>last name*</label></td>
<td class="cellformatting"><input id="lname" type="text" class="searchfields" /></td>
</tr>
</table>

我只是想要脚本，如果假设姓氏为空，它应该在显示姓氏的表的特定行周围添加一些 css。

最佳答案

这样的事情怎么样:

$(function(){

    checkBorder();

    $("table tr input").change(function(){
       checkBorder();
    });

});
function checkBorder(){
 $("table tr").each(function(){
    if ($(this).find("input").val() == ""){
       $(this).attr("class", "border");
    }
});
}
​

http://jsfiddle.net/kh6q8/

这是一个没有“规范化 CSS”的版本，但必须删除 cell-spacing:

http://jsfiddle.net/kh6q8/2/

关于jquery - 如何在表格中的行周围添加边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9718553/