javascript - 如何获取 div 中存在的所有表单属性？

Question

我想要在 div 中显示名称、表单 ID 等属性

<div id="searchForms">

    <form id="form1" name="form1">    
    </form>

    <form id="form2" name="form2">    
    </form>
</div>

<form id="form3" name="form3">    
</form>

那我现在在做什么

$('form').each(function () {

    console.log($(this).attr('id'));
    console.log($(this).attr('name'));

});

但问题是它为我提供了所有三种形式的名称和 ID。我想要 ID 为 id="searchForms" 的 div 中存在的所有表单的名称和 ID。

Answer 1

你需要Descendant Selector (“ancestor descendant”) , 使用 searchForms 的父 div 的 id 作为 ancestor 和 form 作为 descendant

Live Demo

$('#searchForms form').each(function () {    
    console.log($(this).attr('id'));
    console.log($(this).attr('name'));    
});

描述:选择作为给定祖先的后代的所有元素。