Как перебрать все входы внутри tr и установить атрибут (id и name) с

Question

Как перебрать все входы внутри tr и установить атрибут (id и name) с помощью JQuery

Answer 1

$("tr input").each(function()
{
     $(this).attr("id", .....);
     $(this).attr("name", .....);
});

Answer 2

Это можно сделать за один раз:

$('tr input').attr({
    'id': 'new_id',
    'name': 'new_name'
});

Но так как идентификаторы должны быть уникальными, это, вероятно, не то, что вы хотите сделать. Вот лучший подход:

$('tr input').attr({
    'id': function (index, attr) { return 'new_id-' + index },
    'name': function (index, attr) { return 'new_name-' + index }
});

Это изменит идентификатор и имя вашего входа следующим образом:

<tr>
    <td><input type="text" id="new_id-0" name="new_name-0"></td>
</tr>
<tr>
    <td><input type="text" id="new_id-0" name="new_name-1"></td>
</tr>
<tr>
    <td><input type="text" id="new_id-0" name="new_name-2"></td>
</tr>

Более подробную информацию можно найти в Документах API для attr () .

.

Answer 3

С Зацикливание и установка имени и идентификатора в jquery

$(function() {
    $('#table tr').each(function(index, element)
    {
       var e = $(element);
       e.find('td:eq(0)').text(index);
       var first = 'txtCollectionText' + index.toString();
       var second = 'txtLink' + index.toString();
       e.find('td:eq(1) input').attr({name: first, id: first});
       e.find('td:eq(2) input').attr({name: second, id: second});
    });
}

Если этот элемент помещен в тег сценария, этот код будет автоматически выполняться, как только документ будет завершен при построении документа.браузер.Вот что делает запись $(function() {}) - это сокращение для $(document).bind('ready', function() {}).