尝试查找曾祖 parent 类名时的 Javascript/jQuery [object Object]

Question

我正在尝试使用 jQuery 的 .closest 方法获取曾祖 parent div 类名。但是当我测试以确保传递正确的 div 类名时，我只收到 [object Object] 警报，这似乎是某种错误。这段代码的目的是能够找到名称以“form-container”开头的 div 类，无论 (this) 和所需的 div 之间有多少个 div。任何见解将不胜感激。谢谢你!

<script type="text/javascript">
    jQuery(document).ready(function ($) {
            $('input').bind('blur', function () {
                    var className = $(this).closest('.form-container');
                    alert(className + "ClassName");
                    var newClass = className.replace('.form-container', '');
                    alert(newClass);
                    alert("Hello");
                    var name = $(this).attr('name');
                    var pathname = window.location.pathname;
                    ga('send', 'event', 'Clicked Inputs', name + " " + newClass, pathname);
</script>

Answer 1

 var className = $(this).closest('.form-container');

不返回名称。它返回与该名称​​匹配的最近对象。

如果您想查看该对象的类属性，请使用:

 alert( className.attr('class') );