我有一个使用 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>
在每个表格行中都有一个包含 ID 的表单域。我想获取该 ID 并将其分配给<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>
我想这样做,以便我可以通过 jQuery 获取每个表格行并隐藏或显示所需的每一行。
== 更新 ==
由于@Mike 和@Dennis 使用以下代码,我现在有表为每个表行分配 dat-rel 属性:
$(".aswfe-admin .form-table tr input").each(function() {
var id = $(this).attr("id");
$(this).parent().parent().attr("data-rel", id);
});
现在我似乎在获取每一行并隐藏它们时遇到了问题。我以为我可以使用这样的东西,但是这段代码隐藏了整个表格,而我只想隐藏具有特定data-rel
属性的特定行。
$(".form-table tr").data("rel", "feedblitz_rss_link").hide();