javascript - 如何获取调用javascript函数的html链接的父div的类名？

Question

如何获取 html 链接调用 javascript 函数的父 div 的类名？

在下面的代码示例中:

<div class="parent-class">
  <a href="javascript:parent(this.parent)">Find parent</a>
</div>

<script>
  function parent(parent) {
    var theValueImLookingFor = (parent.className);
  }
</script>

我希望“theValueImLookingFor”成为“父类”，但我一直得到“未定义”。

我已经花了将近一个小时来解决这个问题，我可以改变什么来让它工作？我知道有更多静态方法可以获取此信息，但出于我的特定目的，我确实需要通过调用它的 javascript 函数来识别 div。

Answer 1

您已使用 jQuery 对其进行标记，这将是查找父 div 详细信息的最简单方法。有点像

<div class="parent-div">
    <a id="link">Find Parent</a>
</div>

<script>
    $('#link').click(function() {
        alert($(this).parent().attr('class'));
    });
</script>