jquery - 使用 jQuery 访问以下值的最快方法

Question

我似乎很难理解这些 jQuery 选择器的工作方式。

假设你有这样的 html

<form>
    <input type="hidden" name="something" value="1" class="class_name" />

    <div>
        <input class="blur_function" name="email" />
    </div>
</form>

以及下面的 jQuery

$(document).ready(function(){

   $('.blur_function').live('blur',function(){

       // get the value of the hidden input above 
       var something = $(this).prev('.class_name').val();

   });

});

我想象这个 'prev('.class_name') 会在代码中向上遍历，直到它遇到 class="class_name"的东西，但是我最终得到 undefined 因为它只在内部遍历元素位于其内部。

所以我需要做这样的事情来超出父 div 并在前一个 .class_name 的范围内:

  var something = $(this).parent().prev('.class_name').val();

有没有更快的方法来使用相同的 html 结构来做到这一点？

Answer 1

我建议:

var something = $('.class_name', $(this).closest('form')).val();

选择所有直接子项的输入:

var something = $('> .class_name', $(this).closest('form')).val();

仅选择作为表单直接子级的第一个 .class_name:

var something = $('> .class_name:first', $(this).closest('form')).val();

jsFiddle demo