JIVery DIV中的每个输入(有一个表)

时间:2012-07-19 10:33:49

标签: javascript jquery html input foreach

我目前正试图从DIV获取所有输入元素。

$("[required]").each(function() {

});

我有这个代码,它返回带有required属性的每个元素。

我知道在each()的功能中我可以使用每个项目,如:

$(this)

所以我得到下面显示的div ID,并尝试通过以下方式获取所有输入:

var id = $(this).attr('id');
console.log("### " + id);
console.log($("#" + id + " > :input").length);

当我在该DIV中有4个put元素时,返回0(也是div中的一个表)。

我理想的做法是为div中的每个输入元素打印其ID。

已更新

<div id="contactAddress" required="true">

 <td>Addres line 1:</td>
 <td colspan="2">
 <input type="text"/>
 </td>
 <td>Addres line 2:</td>
 <td colspan="2">
 <input type="text" />
 </td>
 </tr>
</div>

console.log($(this).html());

显示nothign但是如果我添加anythign超出下面的等...

 <div id="contactAddress" required="true">
 <input type="text" />

然后运行console.log($(this).html());它显示它不是表格吗?

我使用Jquery Mobile的任何想法

1 个答案:

答案 0 :(得分:7)

下面将找到div元素内的所有输入。然后它将留下该元素的id的日志。

$("div > input").each(function() {
  console.log( $(this).attr("id") );
});

如果您需要包含输入的div ID,可以使用.parent()

$("input").each(function() {
  console.log( $(this).parent().attr("id") );
});
相关问题