Добавить обязательный атрибут во все текстовые поля

Question

У меня есть таблица с 4 столбцами. Если в текстовом поле первого столбца есть значение, я хочу добавить в эту строку атрибут "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'); 
    } 
});