单击链接后获取最近的输入名称

Question

我有这个重复的代码：

<div class="input-group">
    <input type="text" class="form-control" name="001" value="bla bla bla">
    <div class="input-group-btn">
        <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Action <span class="caret"></span></button>
        <ul class="dropdown-menu pull-right">
            <li><a href="#" class="img-preview">Preview</a></li>
            <li><a href="#" class="img-change">Change</a></li>
            <li><a href="#" class="img-delete">Delete</a></li>
        </ul>
    </div>
</div>

如何点击更改按钮，我可以知道输入名称（即：001）？

我试过了：

$('.img-change').closest('input').name(); 

Answer 1

可能你需要这个

$(document).on('click','.img-change',function(){
   var getname = $(this).closest('.input-group').find('.form-control').attr('name');
   alert (getname);
});

Answer 2

input不是.img-change的祖先。你需要这样做：

$('.img-change').closest('input-group').find('input').name();