如何获取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。 我想要div中ID为id="searchForms"的所有表单的名称和ID。

Answer 1

您需要Descendant Selector（“祖先后代”） ，使用父div的id（即searchForms作为ancestor ，form作为descendant

现场演示

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

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