当前位置：文江博客话题详情

如何循环遍历 tr 内的所有输入并设置属性（id 和 name）

发布于 2024-09-14 10:00:59 字数 49 浏览 2 评论 0原文

如何使用 JQuery 循环遍历 tr 内的所有输入并设置属性（id 和 name）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

妄司 2024-09-21 10:00:59

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

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

回复收藏 0 原文

我的痛♀有谁懂 2024-09-21 10:00:59

这可以一次性完成：

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

但是由于 id 应该是唯一的，这可能不是您想要做的。这是一个更好的方法：

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

这将更改您输入的 id 和名称，如下所示：

<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() 的文档。

This could be done in one go:

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

But since id's are supposed to be unique this is probably not what you want to do. Here's a better approach:

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

This will change your input's id and name like this:

<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>

You can find more info in API docs for attr().

回复收藏 0 原文

岁吢 2024-09-21 10:00:59

来自在 jquery 中循环并设置名称和 id

$(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() {}) 的简写。

From Looping and setting name and id in 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});
    });
}

If placed inside a script tag, this code will automatically execute as soon as the document is finished being constructed by the browser. That's what the $(function() {}) notation does -- it's shorthand for $(document).bind('ready', function() {}).

回复收藏 0 原文

~没有更多了~