Javascript 使用索引获取包含多行(div)的div中的值
我有一个container 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="
<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());
});