用户在文本框中单击时隐藏表行

Question

当用户点击文本框时，如何隐藏表格行？

我试过这个

$(document).ready(function () {
    $('#tcodeVar').focusin(function () {
        $('tr.trEventhide').hide();
    })
});

HTML：

<tr>
    <td>Code:</td>
    <td>
        <asp:TextBox ID="tcodeVar" runat="server"></asp:TextBox>
    </td>
</tr>
<tr id="trEventhide" runat="server">
    <td>Event?:</td>
    <td>
        <asp:DropDownList ID="DDLEvent2" runat="server"></asp:DropDownList>
    </td>
</tr>

Answer 1

更改

$("tr.trEventhide").hide();

到

$("#trEventhide").hide();

您需要# id-selector

---

Learn jQuery

API Documentation

Selectors