jquery - JQuery 多选择器问题

Question

所以基本上我有这个：

<div id="menu" class="menu">
 <ul>
    <li><a href="#">REGISTRAR</a>
        <ul>
            <li><a href="situation1.php">student</a></li>
            <li><a href="situation2.php">grades</a></li>
        </ul>
    </li>
 </ul>

<div id="principal" class="principal">
 <div id="opt"  class="opt">
        <ul id="opt-btn">
            <li >
                <a href="something1.php" id="reserved1" class="btn"></a>
            </li>
            <li>
                <a href="something2.php" id="reserved2" class="btn"> </a>
            </li>
        </ul>
</div>

我想知道如何使用 jquery 选择两个 div 中的所有标签，所以当我点击它们时，我会转到那个特定的文件。在我有这个之前： $(".menu, a").click(function() 但是当我添加类主体时它不起作用。将不胜感激帮助，在此先感谢。

Answer 1

jQuery 的查询语法与 CSS 选择器语法相同。我认为这就是您要完成的任务：

$('#menu a, #principal a')

Answer 2

HTML：

<div id="principal" class="menu">
...
</div>

<div id="principal" class="menu principal">
...
</div>

principal仅在出于其他原因需要时才保留课程。

jQuery：

$(".menu a").on('click', function() {...});

这将允许您在不更改选择器的情况下添加任意数量的菜单。