javascript - jQuery/js-如何从基于 href 的类获取菜单名称

Question

我想在用户点击时获取菜单名称。

<a class="menu" onclick="getMenu()" href="#"> Home </a>
<a class="menu" onclick="getMenu()" href="#"> About</a>
<a class="menu" onclick="getMenu()" href="#"> Contact</a>

因此，在此函数中，将弹出警报名称。

function getMenu(){
 //the code declare here
alert('is click');
}

预期结果点击首页/点击联系方式

Answer 1

如果你想要一个 jQuery 方法......

You don't need the onclick attribute

this - 用于触发函数的元素

.textContent - 元素的文本内容

.trim() - 删除空格

this.textContent.trim()

元素>文本内容> trim

$('.menu').click(function(){
alert(this.textContent.trim());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="menu" href="#"> Home </a>
<a class="menu" href="#"> About</a>
<a class="menu" href="#"> Contact</a>

我希望这会有所帮助。快乐编码!