Javascript 返回输入值的最佳方法

Javascript 返回输入值的最佳方法,javascript,jquery,Javascript,Jquery,鉴于此HTML: <div> <input class="class_one" type="text" /> <button class="class_two">GO</button> </div> 而不是简单的 $('.class_two').click(fucntion() { var inputValue = $('.class_one').val(); }); 通常在处理类名时,它们指的是一类元素,

鉴于此HTML:

<div>
    <input class="class_one" type="text" />
    <button class="class_two">GO</button>
</div>
而不是简单的

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

通常在处理类名时,它们指的是一类元素,比如一组元素。依赖于引用整个集合并正确定位您正在寻找的确切元素的能力是有问题的。坚持本地查询,从性能角度看,它也更高效

至于你的确切例子。。使用兄弟姐妹。记住,
.className
用于
class=“className”

通常在处理类名时,它们指的是一类元素,比如一组元素。依赖于引用整个集合并正确定位您正在寻找的确切元素的能力是有问题的。坚持本地查询,从性能角度看,它也更高效

至于你的确切例子。。使用兄弟姐妹。记住,
.className
用于
class=“className”


嗯,您不应该使用太长的方法,并且尽可能避免使用依赖于元素之间关系的选择器。你会有更多的通用代码。你为什么要问我们?这似乎是你可以自己回答的问题。这就像问为什么我应该做
12+1*3-2/2-12
而不是
1+1
。我是根据对这个问题的回答来问我的问题的:你忘记了类名中的
点,应该是
$('.class_one')
好吧,你不应该用太长的路,而且尽可能多,避免使用依赖于元素之间关系的选择器。你会有更多的通用代码。你为什么要问我们?这似乎是你可以自己回答的问题。这就像问为什么我应该做
12+1*3-2/2-12
而不是
1+1
。我是根据这个问题的答案问我的问题的:你忘记了类名中的
点,应该是
$('.class\u one')
$('.class_two').click(fucntion() {
    var inputValue = $('.class_one').val();
});
$('.class_two').click(fucntion() {
    var inputValue = $(this).siblings('.class_one').val();
});