Javascript 使用索引获取包含多行(div)的div中的值

Javascript 使用索引获取包含多行(div)的div中的值,javascript,jquery,Javascript,Jquery,我有一个container div,在该div中有如下行: <div id="containerDiv1"> <div class="paramRow"> <input type="text" value="Foo" id="param1" /> </div> <div class="paramRow"> <input type="text" value="Bar" id="

我有一个container div,在该div中有如下行:

<div id="containerDiv1">
    <div class="paramRow">
        <input type="text" value="Foo" id="param1" />
    </div>
    <div class="paramRow">
        <input type="text" value="Bar" id="param2" />
    </div>
</div>
运行此代码时,出现以下错误:

未捕获错误:语法错误,无法识别的表达式:[对象] HtmlLevel]#参数1


你有几个问题。首先,
get()。此外,不能附加jQuery对象和字符串以形成选择器

您应该使用
eq()
通过索引获取包含元素的jQuery对象,然后使用
find()
获取其中的
输入。试试这个:

var$containerDiv=$(“#containerDiv1”);
var$paramrrows=$containerDiv.find('.paramrrow');
//下面应该输出“Foo”
警报($paramrrows.eq(0).find('#param1').val());
//下面应该输出“Bar”
警报($paramrrows.eq(1).find('#param2').val())

$(function(){
    var containerDiv = $('#containerDiv1');
    var paramRows = containerDiv.find('.paramRow');

    // Below should output "Foo"
    alert($(paramRows.get(0) + ' #param1').val());

    // Below should output "Bar"
    alert($(paramRows.get(1) + ' #param2').val());
});