javascript - 从嵌套元素获取 value() 的选择器性能

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

根据我的测试，有一些更有趣的结果。为了方便起见，我已经包含了原始测试和@corroded 的测试。最快的是使用纯 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;
    }
}