jquery onclick只用一个输入从php文件中获取数据

Question

这是HTML（此表单可能使用两次以上）： - （

<div class="abc">
  <div class="xyz">
    <input type="text" name="pqr" />
    <div class="clickMe">click button</div>
    <div class="showContent"></div>
  </div>
  <div class="somethingelse">some other insignificent input or something else.</div>
</div>

这是jQuery：

$('.clickMe').on('click', function(e){

    $.post("getdata.php", $(this).closest('.abc').children('.xyz').children('input[name="pqr"]').serialize(),  function(response) {
        $(this).closest('.abc').children('.xyz').children('.showContent').html(response);
    });

});

我只需要用我的数据库检查输入数据（pqr）？ 任何想法，我怎么能和我的代码有什么问题！
提前谢谢。

Answer 1

帖子内this的范围与外部

不同

$('.clickMe').on('click', function(e){
    e.preventDefault();
    var xyz = $(this).closest('.abc').children('.xyz');
    $.post("getdata.php", xyz.children('input[name="pqr"]').serialize(),  function(response) {
        xyz.children('.showContent').html(response);
    });    
});