jQuery Ajax調用后replacewith不起作用

Question

我正在做一個AJAX呼叫，一旦得到響應，我想用標簽替換一個提交按鈕...但是這不起作用。 我得到警報信息，即； 來自Ajax調用的響應，但replacewith命令失敗。

你能告訴我我在做什么錯..

Replacewith命令

$( this ).closest( 'tr' ).find( 'input:label' ).replaceWith("<label for=\'success\'>SUCCESS</label>");

碼：

$("#table_appl,#table_enfr,#table_det01,#table_det02,#table_det03,#table_det04,#table_det05,#table_datais").on( "click", "input:submit", function( event ) {
    //alert('Hi')
    //event.preventDefault();
    var fieldvalue = $(this).closest('tr').find('input:text').val();
    var fieldname = $(this).closest('tr').find('input:text').attr('name');
    alert('fieldname = ' + fieldname)
    alert('fieldvalue = ' + fieldvalue)
      $.ajax({

            type:"GET",

            url:"/validate/",
            data:{'fieldvalue':fieldvalue,'fieldname':fieldname},
            success:function(data){
                if (data == 'Y'){
                    var item  = $(this).closest('tr').find('input:label')
                    alert("Gonna be replaced" + item);
                    $( this ).closest( 'tr' ).find( 'input:label' );
                    $( this ).closest( 'tr' ).find( 'input:label' ).replaceWith("<label for=\'success\'>SUCCESS</label>");


                }
                alert("Response = "+ data);
            }

       });

    return false;


})

Answer 1

這是一個小提琴 。

這是代碼：

<form role="form" method="POST" action="/validate/" id="input_form">
    <input id="myInput">
    <button type="submit" id="submitButton">Click me!</button>
</form>

使用腳本：

$("#submitButton").click(function () {
    event.preventDefault();
    $.get("/validate/", function (d){    
        if (d == "Y"){        
            $("#submitButton").replaceWith("<label>SUCCESS</label>");
        }                    
    })
})

這就是你想要的嗎？ 我猜你將不得不改編.replaceWith()部分以找到正確的元素...