jquery单击选择器和shopify中的循环疯狂

Question

当您单击子菜单使用 jquery 显示的链接时，我正在尝试制作菜单。问题是子菜单来自shopify中的for循环。所以当我点击触发器打开所有子菜单时，我想我需要一个 each 和一个 this 但不确定这里有一些代码：

<script>
            $(function(){
                $('.trigger').click(function(){
                    $('.accordion').show('fast');
                });
            });
          </script>

              <li class="trigger" ><a href="{{ link.url }}" title="{{ link.title }}" class="sub-menu {% if link.active %}active{% endif %} {% for link in linklists[link.handle].links %}{% if link.active %}active{% endif %}{% endfor %}">{{ link.title }} 
                <span class="arrow">▾</span></a> 
                <div class="dropdown {% if count.size > column_threshold %}dropdown-wide{% endif %}">
                  <ul >
                    {% assign count = 0 %}
                    {% assign split = false %}
                    {% for link in linklists[link.handle].links %}
                      {% capture count %}{{ count }}*{% endcapture %}
                      <li ><a   href="#" title="{{ link.title }}">{{ link.title }}</a></li>
                       {% if linklists[link.handle] != empty %}
                    <li  class="accordion" style="display:none;">
                      {% for link in linklists[link.handle].links %}
                      <a  class="sub-link " href="{{ link.url }}" title="{{ link.title }}">{{ link.title }}</a>
                      {% endfor %} 
                    </li>
                       {% endif %}

下面还有更多内容，但无关紧要，有什么想法吗？

Answer 1

编辑

我试图根据糟糕的描述以及仅包括您认为相关的代码来了解发生了什么，但试试这个。

$('.trigger').on('click',function(e){
    var self = this;

    e.preventDefault();

    $(self).find('.sub-link[href="'+self.href+'"]').parent('.accordion').show('fast');
});

这将从.trigger 获取目标href，查找具有相同href 的.sub-link，并打开其.accordion 父级。

如果这仍然不能满足您的要求，您可能会考虑对操作的目标进行更多描述。