jQuery隐藏，但显示<input />，即

Question

我有桌子。当我点击表格中的<td>时，我想查看输入字段并隐藏td，但输入位于<td>，所以如果我隐藏<td>，我也会隐藏<input>。在此代码之前，我使用了两个<td></td><td><input></td>，然后一切都很好，但我需要输入一个<td>。

echo "<table>
<tr id='".$row['id']."'>
<td class='firstname'>".$row['firstname']."
<input type='text'  class='firstname' name='firstname' id='".$row['id']."' value='".$row['firstname']."'>
</td>
</tr>
<table>";

我在点击动作后在jQuery中尝试这样的东西，但它也隐藏了td和输入。

$("tr").filter("#" + rowid).find("td").filter("." + realclass).hide();
$("input").filter("." + realclass).filter("#" + rowid).show();

那些过滤器很好，其他一切都很好。如果我从td移动hide（），那么在点击之后我会看到-td和输入。

Answer 1

您无法隐藏父元素并使子元素可见。您可以使用一些绝对定位使其看起来像输入字段在td元素中。