Bootstrap可編輯

Question

我使用以下代碼進行引導編輯。我無法獲得span id值。請幫我解決這個問題。

<span class="xedit" id="firstname"><?= $pfname ?></span>                
<span class="xedit" id="lastname"><?= $plname ?></span> 

<script> 
    $.fn.editable.defaults.mode = 'popup'; 
    $('.xedit').editable(); 
    $(document).on('click', '.editable-submit', function() { 
     var columnvalue = $('.input-sm').val(); 
     alert($(this).parents('span:first').attr('id')); 
     alert(columnvalue); 
    }); 
</script> 

Answer 1

$(document).on('click', '.editable-submit', function() { 
     alert($('#firstname').val()); 
    }); 

我想這應該做