选择父母和孩子寻找跨度

时间:2019-01-07 12:29:17

标签: html typescript model-view-controller selector

我试图在单击按钮时显示跨度。隐藏按钮本身可以完美工作,但是现在我试图通过从curentTarget中选择跨度来显示电话号码。我这样尝试过,但无法正常工作。

<li class="phonenumber">
<em class="fa fa-clock-o text-blue"></em>
<button type="button">Telefonnummer anzeigen</button>
<span class="phonenumberspan" style="display:none">phone</span> 
</li>

如上所述,按钮的隐藏有效,但从currentTarget到span的选择有些错误。感谢您的帮助。

private _showPhoneNr(e: Event) {
        var target = $(e.currentTarget);
        target.hide();
        var parent = target.parent("phonenumber");
        var number = parent.find("phonenumberspan");
        number.show();
    }

1 个答案:

答案 0 :(得分:0)

要选择父元素,可以在代码中使用它

var number = document.getElementsByClassName('phonenumberspan')[0].parentElement.nodeName;