Question

我在一个页面中有2个上传按钮。当我点击上传按钮，选择文件并上传它，它会显示在一个表格中，如下面的html代码所示：

<div id="MainContents">         
<p>                
    <input type="hidden" id="89a11bfc-bb33-48f4-a5b4-1e062e8347c0">
    <button>Upload files</button>
    <table cellspacing="1" cellpadding="2" class="UploadedTable">
        <tbody>
            <tr class="Change_me_Row">
                <td />
                <td />
            </tr>
        </tbody>
    </table>
</p>          
</div>
<div id="MainContents">         
    <p>                
        <input type="hidden" id="53a2a220-4c76-46db-bafa-585c7f0c456b">
        <button>Upload files</button>
        <table cellspacing="1" cellpadding="2" class="UploadedTable">
            <tbody>
                <tr class="Change_me_Row">
                    <td />
                    <td />
                </tr>
            </tbody>
        </table>
    </p>          
</div>

我的尝试是，我想为每个上传按钮更改具有唯一名称的tr类名称。我有这个上传按钮的OnPostback事件，我尝试了类似的事情：

$(this).find("tr").removeClass("Change_me_Row").addClass("New_Class_Name");

或

$(this).closest("tr").toggleClass("Change_me_Row New_Class_Name");

但他们都没有工作！

我希望有人可以帮助我。谢谢！

Answer 1

尝试前往父母，然后在其中的孩子中找到课程：

$(this).parent().children('Change_me_Row').toggleClass('Change_me_Row New_Class_Name');

另外，请确保回调函数的上下文正确无误（this指向上传按钮）。

jQuery在回发后更改类名

1 个答案: