如何通过jQuery向表tr添加ID属性

我有一个使用WordPress设置API构建的表。该表的输出方式如下：

<tr>
    <th scope="row"><label for="feedblitz_rss_link">FeedBlitz RSS URL:</label></th>
    <td><input class="regular-text" type="text" id="feedblitz_rss_link" name="aswfe_options[feedblitz_rss_link]" value="" />
    <br />
    <span class="description">Enter the URL to your Feedblitz RSS Feed.</span></td>
</tr>

<tr id="feedblitz_rss_link">
    <th scope="row"><label for="feedblitz_rss_link">FeedBlitz RSS URL:</label></th>
    <td><input class="regular-text" type="text" id="feedblitz_rss_link" name="aswfe_options[feedblitz_rss_link]" value="" />
    <br />
    <span class="description">Enter the URL to your Feedblitz RSS Feed.</span></td>
</tr>

现在，我似乎在每一行中都遇到了问题，并将它们隐藏起来。我想我可以使用类似的东西，但是这段代码隐藏了整个表，而我只想用specific

data rel

属性隐藏特定的行

$(".form-table tr").data("rel", "feedblitz_rss_link").hide();

---

您可以通过多种方式操纵

tr

：

$('table tr:nth(0)').slideToggle();
$('table tr td').find('#feedblitz_rss_link').parent().slideToggle();
$('table tr td label').indexOf ("RSS URL") > -1
...

更新：或者您可以使用

请注意，此答案是根据提供的标记定制的，并假定它不会与页面上的其他表冲突

您可以访问这些行，并在以后通过

$("[data-feed-id]").each(function() {
     ...do stuff....
});

听起来你想要隐藏的行是众所周知的。您可以很容易地完成这一点（给定上面相同的标记）

看小提琴@

您正在使用无效语法隐藏该行。 从一开始，我认为您有多个

tr

，所以使用ID 这不是个好主意。让我们通过

类

及其层次结构获取

输入

：

$('tr > th + td > .regular-text').each(function () {
    var id = $(this).attr('id');
    $(this).closest('tr').attr('data-id', id);
});

现在您想要显示/隐藏

tr

元素（例如，单击它）：

---

我想Matt，但是我不知道如何通过jQuery获取文本字段输入ID并将其分配给每个表行。谢谢您的帮助。我真的需要为每个表行分配ID，因为每一行都有一个唯一的ID。我需要隐藏整行，而不仅仅是表th或表td。如果可能的话，我想在飞行中这样做，因为有多达50个表格行，我需要得到大约5个。太棒了！谢谢你，迈克，这正是我想要的。只是不确定如何获取表行中的输入字段。嗨，丹尼斯，你建议在表行中添加另一个属性而不是ID吗？@Jason-Dennis有一个很好的观点。您可以选择数据属性。我会更新一个例子。再次感谢迈克。我可以使用“datarel”属性或其他HTML元素添加到表行吗？输入元素已经有ID了。只需获取它们并对它们调用parent（）两次就可以获取行-您不需要处理tr属性。

$("[data-feed-id]").each(function() {
     ...do stuff....
});

$("#some_known_id").parent().parent().hide();

$('tr > th + td > .regular-text').each(function () {
    var id = $(this).attr('id');
    $(this).closest('tr').attr('data-id', id);
});

$('tr[data-id]').on('click', function () {
    $(this).hide();
});