javascript - dropzone イベント後にテーブルの行 ID を取得する

Question

私はこれに何時間も頭を悩ませてきたので、誰かが助けてくれることを願っています. ファイルがドロップゾーン ボックスにアップロードされるときに、行 ID またはフォーム ID のいずれかを取得しようとしています。複数のドロップゾーン ボックスを含む複数のテーブル行があります。

これが私のテーブルの行の例です:

<table class="docs" id="show">      
    <tr class="doc" id="*Need_This*">
        <td>
            <div class="file_upload drop">
                <form class="dropzone clickable" id="*Or_Need_This*">
                </form>
            </div>
        </td>
    </tr>
</table>

これが私のjqueryです：

<script type="text/javascript">
$(document).ready(function(){
     $(".dropzone").dropzone({ 
        paramName: 'photos',
        url: "post.php",
        dictDefaultMessage: "Drag or Click",
        clickable: true,
        enqueueForUpload: true,
        init: function() {
            var id = $(this).closest('tr').attr('id');
            this.on("success", function(file) { alert(id); });
          }
    });
});
</script>

現在、未定義を返しています。行の他の要素にcssの変更を追加できるように、IDを取得する必要があります。どんな助けでも大歓迎です！