javascript - 返回输入值的最佳方法

鉴于此HTML：

<div>
    <input class="class_one" type="text" />
    <button class="class_two">GO</button>
</div>

如果我想获得输入的值，为什么要使用

$('.class_two').click(fucntion() {
    var inputValue = $(this).closest('div').find('input').val();
});

而不是更简单

$('.class_two').click(fucntion() {
    var inputValue = $('.class_one').val();
});

最佳答案

jsFiddle Demo

通常，在处理类名称时，它们引用一类元素-就像一组元素一样。依靠引用整个集合并正确定位要查找的确切元素的能力是有问题的。坚持本地查询，这也是更有效的性能选择。

至于你的确切例子..使用兄弟姐妹。请记住，.className代表class="className"。

$('.class_two').click(fucntion() {
    var inputValue = $(this).siblings('.class_one').val();
});