如何获取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并形成为descendant

<强> Live Demo

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

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