0

我在一组不同的 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 的不同变量中。

我尝试了一个用作getelementbyid方法的jQuery选择器：

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'

请帮忙！

4

2 回答 2

4

尝试这个：

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

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

于 2013-06-02T11:31:58.460 回答
2

尝试

first_price_inputs = jQuery('#first > input[name$="[price]"]')

@Cherniv：它不是 ID 的输入#first，而是 ID#first为 type的元素的子元素input。那么后代选择器应该使用afaik吗？

于 2013-06-02T11:36:30.940 回答