返回输入值的最佳方法

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

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

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

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