在所有文本框上添加必需属性

Question

我有一个有4列的表。如果第一列文本框有值，我想在该行添加“required”属性。我可以通过添加ID并添加“required”手动完成，但我有70行。怎么做到这一点？

Answer 1

您可以使用第一个子选择器（如

）定位表格的第一列

$('table tr').each(function () {
    var $inputs = $('input', this),
        $input = $inputs.eq(0);
    if ($input.val()) {
        $input = $inputs.eq(1)
    }
    $input.attr('required', '');
})

演示：Fiddle

Answer 2

动态更改所需的属性：

$('#myTable td:first-child :text').change(function(){
    var elements = $(this).closest('tr').find('td:not(:first-child) input');
    if($(this).val()){
        elements.attr('required', 'required');
    }else{
        elements.removeAttr('required');
    }
});