javascript - 使用 jQuery 选择器作为方法

Question

我的页面在一组不同的 div 中包含许多输入。

这些输入的子集是动态创建的，也可以删除。

通过创建和删除元素，我可以得到一个名为如下所示的输入列表:

<div id="first">
    <input type="text" name="elem[0][elem_option][0][price]" value="">
    <input type="text" name="elem[0][elem_option][1][price]" value=""> 
    <input type="text" name="elem[0][elem_option][5][price]" value=""> 
    <input type="text" name="elem[0][elem_option][21][price]" value="">

    <input type="text" name="elem[3][elem_option][0][price]" value="">
    <input type="text" name="elem[3][elem_option][1][price]" value=""> 
    <input type="text" name="elem[3][elem_option][3][price]" value=""> 
    <input type="text" name="elem[3][elem_option][8][price]" value=""> 
</div><!-- first -->
<div id="second">
    <input type="text" name="elem[1][elem_option][1][price]" value="">
    <input type="text" name="elem[1][elem_option][2][price]" value=""> 
    <input type="text" name="elem[1][elem_option][7][price]" value=""> 
    <input type="text" name="elem[1][elem_option][8][price]" value="">

    <input type="text" name="elem[5][elem_option][5][price]" value="">
    <input type="text" name="elem[5][elem_option][6][price]" value=""> 
    <input type="text" name="elem[5][elem_option][8][price]" value=""> 
    <input type="text" name="elem[5][elem_option][9][price]" value=""> 
</div><!-- second-->
    ....

我需要选择名称以 [price] 结尾的所有元素，并将其保存在每个 div 的不同变量中。

我尝试使用 jQuery 选择器作为 getelementbyid 的方法:

first_price_inputs = document.getElementById('first').jQuery('input[name$="[price]"]')
second_price_inputs = document.getElementById('second').jQuery('input[name$="[price]"]')

但我收到此错误:

Uncaught TypeError: Object #<HTMLDivElement> has no method 'jQuery'

请帮忙!

Answer 1

试试这个:

first_price_inputs = jQuery('#first input[name$="[price]"]');
second_price_inputs = jQuery('#second input[name$="[price]"]');

看这里:http://jsfiddle.net/qRDkq/