0

1 つのページに 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");

しかし、どちらも機能しませんでした！

誰かが私を助けてくれることを願っています。ありがとう！

4

1 に答える 1

0

親に行ってみて、その子の中からクラスを見つけてください:

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

また、コールバック関数のコンテキストが正しい (thisがアップロード ボタンを指している) ことを確認してください。

于 2013-01-11T09:32:30.017 に答える