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>

我想要＆＃34; theValueImLookingFor＆＃34;成为＆＃34;父母级＆＃34;，但我一直得到＆＃34;未定义＆＃34;。

我一直在努力解决这个问题近一个小时，我可以改变什么才能使这项工作成功？我知道有更多的静态方法来获取这些信息，但是出于我的特定目的，我真的需要通过调用它的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>

Answer 2

我会避免使用JavaScript作为href值，并执行以下操作：

var pre = onload;
onload = function(){
if(pre)pre();

var doc = document;
function getParentClassName(childNode){
  return childNode.parentNode.className;
}
console.log(getParentClassName(doc.getElementsByTagName('a')[0]));

}

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

2 个答案: