javascript - 如何获取位于的表单 Id 属性

Question

我有以下表格:

<form id="formId">
    <!-- some tags -->
    <div>
        <!-- some other divs or something else -->
            <input type="radio" onclick="handler(this) />
    </div>
</form>

函数处理程序如下所示:

var handler = function(elem){
    init();
    var clicked = //here should be form id
    //other staff
};

如何获取所附表单的 id？假设网页上只有一个表单。

我正在寻找纯 js 以及 jQuery 解决方案。

Answer 1

您需要:

1)为elem创建jquery对象。

2)使用.closest('form')遍历表单元素

3) 使用.attr('id')获取id

$(elem).closest('form').attr('id');//will return "formId" in defined click handler

<强> Working Demo