javascript - 在 jQuery 中查找 DOM 对象的节点名称

Question

我正在尝试从 HTML 页面中的表单元素构建 JSON。

作为 Javascript 新手，我做了一些挖掘，发现 nodeName 属性可用于获取 DOM 节点的 HTML 标记名称。我尝试编译代码以使用警报打印标签名称，这就是我设法想出的结果，但我无法让它工作:

我做错了什么？

    $(function() {
      $('#submit').click(function() {
        var button = $(this);
        var frm = button.parentNode; // or button.parent();
        alert(button.nodeName); // should print INPUT
        alert(frm.nodeName); //should print FORM
      });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <form>
    <input type="text" />
    <input id="submit" type="Submit" />
  </form>
</div>

Answer 1

您需要使用this而不是$(this)，$(this)是jQuery对象而不是dom对象

更新:要从 jQuery 对象获取 dom 对象，您可以使用 $(this)[0] 或 $(this).get(0)。访问https://learn.jquery.com/using-jquery-core/faq/how-do-i-pull-a-native-dom-element-from-a-jquery-object/

$(function () {
    $('#submit').click(function () {
        var btn = this;
        var frm = btn.parentNode;        
        alert(btn.nodeName);    
        alert(frm.nodeName);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
  <form>
    <input type="text" />
    <input id="submit" type="Submit" />
  </form>
</div>