jquery - 如何在 jQuery 中获取最近输入的值

Question

我无法获取输入字段的值 -- 反复尝试。

这是 HTML

<div class="col-md-10 persStmtPad input-group" style="margin-top: 1.5em;margin-left:35px">
  <input id="summerCourses1" name="summerCourses[]" type="text" placeholder="Summer Course" class="form-control input-md" value="ABcdEFG">
  <div class="input-group-btn">
    <button name="scButtonMinus" class="btn btn-default btn-md scClick" style="background-color:#efefef;color:#999;margin-top:12px" title="Delete this Prerequisite Course" value=""><span class="glyphicon glyphicon-minus" aria-hidden="true"></span></button>
    <button name="scButtonPlus" class="btn btn-default btn-md scClick" style="background-color:#efefef;color:#999;margin-top:12px" title="Add another Prerequisite Course" value=""><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
  </div>
</div><!-- end input-group -->

这是 jQuery

$( '.scClick' ).on( 'click', function( event ) {
  console.log($(this).attr('name'));
  if( $( this ).attr( 'name' ) == 'scButtonMinus' ) {
    console.log($( this ).closest( 'input' ).val()); // returns "undefined"
    console.log($( 'input[id=summerCourses1]' ).val()); // returns "undefined"
    console.log($( this ).prevAll( 'input' ).val()); // returns "undefined"
    console.log($( this ).parent().find( 'input' ).val()); // returns "undefined"

    console.log($( this ).closest( 'input' ).attr('class')); // returns "undefined"
    console.log($( 'input[id=summerCourses1]' ).attr('class')); // returns "undefined"
    console.log($( this ).prevAll( 'input' ).attr('class')); // returns "undefined"
    console.log($( this ).parent().find( 'input' ).attr('class')); // returns "undefined"

    $( this ).closest( 'input' ).val( '' );
    $( 'input[id=summerCourses]' ).val( '' );
    //$( this ).closest( "div.input-group" ).addClass( "hideContentBlock" );
  }
  return false;
});

所有控制台日志条目都返回“undefined”

Answer 1

您必须从 $(this) 和目标元素的公共(public)父级调用 closest()。 closest() 向上遍历 DOM，即找到父对象，find() 找到子对象。

$(this).closest('.input-group').find('input').val()