javascript - Jquery DIV 中的每个输入(有一个表)

Question

我目前正在尝试从 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());

没有显示任何内容，但如果我添加任何超出以下内容的内容...

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

然后运行 ​​console.log($(this).html()); 它显示它没有放入表格？

任何关于使用 Jquery Mobile 的想法

Answer 1

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

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

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

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