Question

我在一组不同的div中有很多输入的页面。

这些输入的子集以dinamically方式创建，也可以删除。

通过创建和删除元素，我可以获得一个名为的输入列表：

<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'

请帮忙！

Answer 1

试试这个：

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

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

Answer 2

试

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

@Cherniv：它不是ID #first的输入，而是#first类型为input的元素的子元素。所以后代选择器应该用于afaik？

使用jQuery选择器作为方法

2 个答案: