如何将click事件分配给nav标签？

Question

我尝试显示带有点击菜单项文字的提醒信息但不想工作，我应该怎么做？

＆＃13;

＆＃13;

$("#navigation").on("click", function () {
  alert("clicked");
});

＆＃13;

   <nav id="navigation">
		<ul class="nav">
			<li><a href="#">Home</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Portfolio</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</nav>

＆＃13;

＆＃13;

＆＃13;

        

            
• 主页
            
• 服务
            
• 组合
            
• 关于
            
• 博客
            
• 联系
        

    

Answer 1

尝试正确使用选择器，

$("#navigation ul.nav > li > a").on("click", function () {
  alert($(this).text());
});

并使用.text()提取点击元素的文字内容。

DEMO

Answer 2

您可以使用text()

获取点击项目的文字

$('#navigation li a').click(function() {
  alert($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav id="navigation">
  <ul class="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>