Не работает: $(this).closest('.trFight').html(response);

[Vladislav]

Здравствуйте, есть таблица:

<tr class="trFight">
                            <td>3</td>
                            <td>2014-02-22 22:00:00</td>
                            <td>1</td>
                            <td class="money">100.00 $</td>
                            <td><button onclick="fight('3', 'ce971ca86aad67a6fc359df93f588d02');" class="buttonDeistvie">Играть</button></td>
                        </tr>
                    
                        <tr class="trFight">
                            <td>2</td>
                            <td>2014-02-22 21:51:56</td>
                            <td>1</td>
                            <td class="money">2.00 $</td>
                            <td><button onclick="fight('2', 'daa5af4f63ac7ae0ce8a0cdc94b82a7f');" class="buttonDeistvie">Играть</button></td>
                        </tr>

Есть JS:

function fight(fid, md5fid) {
    var fid = fid;
    var md5fid = md5fid;
    var form = $(this).closest('tr');
    
    $.ajax({
         type: "POST",
         url: "handlers/fight.php",
         data: {"fid": fid, "md5fid": md5fid},
         cache: false,
         success: function(response){
             var messageResp = new Array('Ошибка, попробуйте еще раз..');
             var resultStat = messageResp[Number(response)];
             if(response == 1){
                document.location.href = "/dragon/index#1";
             }
             else if(response == 100){
                document.location.href = "/dragon/index#100";
             }
             else{
                //form.find(".wrap_comment_block").html(response);
                //document.getElementById('ipolo') == response;
                //alert(response);
                $(this).closest('.trFight').html(response);
             } 
             }
    });
    return false;
};

Все в принципе работает (и АЯКС тоже!), потому что ALERT срабатывает корректно, вот только не могу понять, почему не работает вставка html, помощью: $(this).closest('.trFight').html(response);

По идеи должно вставлять в нужный (родительский) <tr>

Спасибо за помощь!

[danik.js]

var form = $(this).closest('tr')

В обработчике идет вызов функции fight(). В этом случае контекст вызова будет глобальный объект (window)
Откуда у window возьмется родительский тег tr?

$(this)

А куда указывает this когда jQuery вызывает твою функцию success?

    var md5fid = md5fid;

Это че еще за перлы? Зачем переобъявляешь переменные?

[Vladislav]

Упс, на счет второго замечания спасибо.

Ясно, что посоветуете, чтобы html вставлял в родительский <tr> от кнопки?

[danik.js]

навешивать обработчики onclick через js. Тогда this будет указывать на button. А всякие fid прописывать в data-атрибутах

[Vladislav]

Что нет не единого решения?
Я вот тут смотрю код других сайтов, некоторые прописывают "this" (см. картинку).

Может это поможет?

[Vladislav]

Переписал скрип, должно было работаеть, но увы...

$(function(){
   $('#middleCon').on('click', '.buttonDeistvie', function fight(fid, md5fid) {
    var form = $(this).closest('tr');
    
    $.ajax({
         type: "POST",
         url: "handlers/fight.php",
         data: {"fid": fid, "md5fid": md5fid},
         cache: false,
         success: function(response){
             var messageResp = new Array('Ошибка, попробуйте еще раз..');
             var resultStat = messageResp[Number(response)];
             if(response == 1){
                document.location.href = "/dragon/index#1";
             }
             else if(response == 100){
                document.location.href = "/dragon/index#100";
             }
             else{
                //form.find(".wrap_comment_block").html(response);
                //document.getElementById('ipolo') == response;
                //alert(response);
                form.find(".headerTable").html(response);
             } 
             }
    });
    return false;
});
});

P.S. alert работает.

[danik.js]

function fight(fid, md5fid

А откуда тебе придут агрументы fid и md5fid? Браузер должен сам догадаться что они тебе нужны и прислать их?
Я же говорил:

А всякие fid прописывать в data-атрибутах

Пишешь:

<button data-fid="2" class="buttonDeistvie">Играть</button>

А в обработчике:

var fid = $(this).data('fid');

Тоже самое и с md5fid

[danik.js]

new Array('Ошибка, попробуйте еще раз..');

Не используй конструктор!
Пиши в литеральной форме: ['Ошибка, попробуйте еще раз...']