Javascript 如何从锚内跨度中找到锚的等级

我有下面的html代码。当我单击span并运行javascript函数时，我希望找到span嵌套在其中的锚定标记的类。在下面的代码中，当我单击span时，我需要javascript来确定“按钮”

一些文本

假设您有一个如下所示的

doFunction

：

function doFunction(elem) {
   /* code */
}

如果jQuery正常，您可以使用

elem.parentElement.className

获取父元素的类：

<a class="button"><span id="test1">some text</span></a>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function () {
    $(document).on("click", "#test1", function () {
        console.log($(this).parent().attr('class'));
    });
});
</script>

一些文本
$（函数（）{
$（文档）。在（“单击”，“测试1”，函数（）{
console.log（$（this.parent（）.attr（'class'））；
});
});

我想你的意思是

父节点

。编辑：Uh

parentElement

也存在：。所有那些新奇的DOM API：PExcellent！我使用了下面的代码

function-doFunction（here）{var-myId=here.id；var-yaya=document.getElementById（myId）.parentElement.className；

您应该能够将其简化为

var-yaya=here.parentElement.className；

，除非我有误解。从标记描述：“除非还包括框架/库的标记，否则应该是一个纯JavaScript的答案。”？

<a class="button"><span id="test1">some text</span></a>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function () {
    $(document).on("click", "#test1", function () {
        console.log($(this).parent().attr('class'));
    });
});
</script>