使用jquery或javascript从同一行中的td中删除隐藏的类

时间:2015-11-27 14:17:49

标签: javascript jquery webforms

我在webform中的表中有记录,每行都有下拉列表和隐藏的td。如果用户从下拉列表中选择某个值,我想显示这个隐藏的td。

缩小到我的问题;我想从同一行中的td中删除隐藏的类,而不影响其他隐藏的tds

显示此

<td class="answer unsatisfactoryGradeTab USGT1">
    <a href="#">Fill Form-H</a>
</td>

完整表格

<tr class="tablerow">
    <td class="answer">
        <asp:TextBox ID="txtClinicalProcedureElementID" runat="server" Visible="false" />
        <%# DataBinder.Eval(Container.DataItem, "ClinicalProcedure.Description")%>
    </td>
    <td class="answer">
        <asp:TextBox ID="txtTeeth" runat="server" />
    </td>
    <td class="answer" id="tdGrade" runat="server" visible="false">
        <asp:DropDownList ID="ddlProcedureGrade" runat="server" />
    </td>

    <td class="answer unsatisfactoryGradeTab USGT1">
        <a href="#">Fill Form-H</a>
    </td>

    <td class="answer unsatisfactoryGradeTab USGT2">
        <a href="#">Form-H Completed</a>
    </td>

    <td class="answer" style="padding-left:10px">
        <asp:LinkButton ID="lbnDelete" Text="Delete" runat="server" />
    </td>
</tr>

2 个答案:

答案 0 :(得分:0)

试试这个

  $("[id$='ddlProcedureGrade']")on("change",function(){
       if(your condition){
            $(".USGT1").removeClass(hidden class name)
        }
    });

答案 1 :(得分:0)

我找到了解决方案;

 $(this).closest("td").next("td .USGT1").removeClass("HiddenField");