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

Question

给定这个 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();
});

Answer 1

jsFiddle Demo

通常在处理类名时，它们指的是一类元素——就像在一组元素中一样。依靠引用整个集合并正确定位您正在寻找的确切元素的能力是有问题的。坚持在本地查询，这在性能方面也更加高效。

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

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