JQueryで.html（）の値を取得する方法

Question

私はTodoリストのインライン編集を実装しようとしています。私はこのコードを持っており、その中の価値を得ることができるようにしたい。

$(function clickedit() { 
    $(".a").dblclick(function (e) { 
     e.stopPropagation(); 

     var currentEle = $(this); 
     var value = $(this).html(); 
     var id_val = $(this).attr('value'); 
     //alert(id_val); 

     updateVal(currentEle, value, id_val);/**/ 
    }); 
}); 

function updateVal(currentEle, value, id_val) { 
    $(currentEle).html('<input class="thVal" id="aaa" type="text" value="' + value + '" />'); // i want to get the value inside the input 
    var aaa = $('#aaa').val(); 
    $(".thVal").focus(); 
    $(".thVal").keyup(function (event) { 



     if (event.keyCode == 13) { 
      alert(aaa); 

      $.post('includes/edit-task3.php', { task_name: aaa, task_id: id_val}, function() { 
       $(currentEle).html($(".thVal").val().trim()); 
       alert('in'); 
       //current_element.parent().fadeOut("fast", function() { $(this).remove(); }); 
      }); 
     } 
    }); 

    $(document).click(function() { 
      $(currentEle).html($(".thVal").val().trim()); 
    }); 
} 

入力の現在値を.html（）内で取得するにはどうすればよいですか？

私は試しましたが、var aaa = $('#aaa').val();ですが、動作しません。どうすればいいですか？

ありがとうございました。

Answer 1

何か他のもの

$(".thVal").keyup(function (event) { 
     if (event.keyCode == 13) { 
      var aaa = $(this).val(); 
      alert(aaa); 

      $.post('includes/edit-task3.php', { task_name: aaa, task_id: id_val}, function() { 
       $(currentEle).html($(".thVal").val().trim()); 
       alert('in'); 
       //current_element.parent().fadeOut("fast", function() { $(this).remove(); }); 
      }); 
     } 
    }); 

Answer 2

使用.find(SELECTOR)

$(currentEle).find('#aaa').val(); 

編集：何度も呼び出すことができfunctionupdateValとして、あなたはDOMで同じvalueを有する複数のIDを持つことになります。 （IDが