javascript - jQuery 定位非事件选项卡内的 anchor 标记

Question

我正在一家餐厅外卖网站上工作，我想弄清楚如何从其他标签中定位标签内的 anchor 标签，例如，主要标签是:菜单、信息、评论，然后在里面菜单选项卡 我想要一个列出食物类型(开胃菜、主菜等...)的子菜单 理想情况下，我希望它们一次都可见，例如，如果您从评论单击到甜点，您将进入甜点 anchor 的菜单选项卡。

<ul class='tabs'>
<li><a href='#tab1'>Menu</a></li>
    <ul class="submenu">
       <?php foreach ($contents as $header_id => $item_array): ?>
       <li>
          <a href="#<?php echo $item_array[0]["content"] ?>"><?php echo $item_array[0]["content"] ?></a>
       </li>
      <?php endforeach; ?>
    </ul>
<li><a href='#tab2'>Info</a></li>
<li><a href='#tab3'>Reviews</a></li>
</ul>

Answer 1

how can I target anchor tags that are inside a tab from other tabs?

尝试使用 find() 方法，该方法“获取当前匹配元素集中每个元素的后代，由选择器、jQuery 对象或元素过滤。””

$('ul.tabs li ul.submenu').each(function() {
    var anchors = $(this).find('a'); //these anchors are per sub menu.
});