0

我以为我知道这一点，显然不知道。我想把这个问题分成两部分：A & B。

A) 我有以下 html 导航，并想为 onlick 事件选择第 3 行项目 a。我试图使用：

$('#mainmenu:nth-child(3) a').click(function(event){... function here

但这不能用作选择器。

<div id="mainmenu" class="clearingfix">
                    <ul>
                        <li><a href="https://example.com/index.php/main"  class="active">Home</a></li><li><a href="https://example.com/index.php/reports" >Reports</a></li><li><a href="https://example.com/index.php/reports/submit" >Submit a Report</a></li><li><a href="https://example.com/index.php/alerts" >Get Alerts</a></li><li><a href="https://example.com/index.php/contact" >Contact Us</a></li><li><a href="https://example.com/index.php/page/index/10" >How To Add</a></li><li><a href="https://example.com/index.php/page/index/12" >How it Works</a></li>                    </ul>

<div class="feedicon"><a href="https://example.com/index.php/feed/"><img alt="RSS" src="https://example.com/media/img/icon-feed.png" style="vertical-align: middle;" border="0" /></a></div>

</div>

我将如何选择第三次导航菜单点击？

B) 我在 Chrome 上使用检查元素，在 Firefox 上使用 Firebug。例如，在 Chrome 的检查元素中，如果我右键单击有问题的特定锚标记，则选择器列表会出现在最底行。是否有一种工具可以准确地告诉您为选择器编写什么而不是尝试测试和摆弄。我在理论上知道如何选择我想要的元素，但似乎我常常弄错了。

4

2 回答 2

2

尝试：

$('#mainmenu a').eq(2).click(function() {});

或者：

$('#mainmenu a:eq(2)').click(function() {});

索引从 0 开始，所以 2 == 第三个元素。

于 2013-09-10T15:50:09.627 回答
1

我想你想要这个选择器：

$('#mainmenu li:nth-child(3) a')

这将选择作为第三个孩子的列表元素，而不是像您所做的那样也是第三个孩子的#mainmenu。

于 2013-09-10T15:55:11.397 回答