用于从嵌套元素中获取val()的选择器性能

Question

有没有一种更好、更高效的方法来使用jQuery或JavaScript来编写这个jQuery选择器？我主要关注选择器的速度。http://jsperf.com的例子是一个加号。

$('#formEdit div input.t:visible').val();

<div id="formEdit">
  <div>
    <input class="t" type="text">
    <input style="display:none;" class="t" type="text">
    <input style="display:none;" class="t" type="text">
  </div>
</div>

Answer 1

根据我的测试，一些更有趣的结果。为了方便起见，我已经包含了原始测试和@ included的测试。最快的是使用纯JS。

jsperf link

var form = document.getElementById('formEdit');
var ts = form.getElementsByClassName('t');
var value;
for (var i = 0; i < ts.length; i++) {
    if (ts[i].style.display != 'none') {
    value = ts[i].value;
    break;
    }
}

Answer 2

你还有其他形式的input.t类吗？

如果不是仅仅使用

$("#formEdit .t:visible").val();

这是给你的一个jsperf：

链接：http://jsperf.com/test-for-so

签入ff和chrome，我的还是更快。

你的整个页面上还有其他的.t类吗？