Question

我目前正在努力过滤多个框内的多个内容。

我的链接/按钮与顶部的某些人名相关联。
我还有一个带有不同div的侧栏，范围从A到D（任意）。
在这些div中，我在不同的

我想做的事情基本上是在不同的div（A到D）中显示你在顶部点击的人。并且显然能够点击其他人并做同样的事情。目前，第一次点击似乎做了我想要的，但随后的点击没有，一切都消失了。

我无法想象该怎么做。该项目得到了许多不同类型的过滤，没有一个给我带来麻烦但是这个......

  <div id="sidebar_wrapper">
<div class="sidebar_nav">
  <div class="name_icon_box">
    <a href="#" class="icon_all" id="icon_all">ALL</a>
    <a href="#" class="henry" id="henry">HENRY</a>
    <a href="#" class="john" id="john">JOHN</a>

<div class="company_box_white box_a">
    <div class="company_box">
      <div class="button-list"><span class="white_letter">A</span><span class="arrow_menu"></span></div>
      <div class="company_box_list">
        <ul class="name_icon">
          <li><a href="#"><p data-key-value="robert">robert</p></a></li>
          <li><a href="#"><p data-key-value="henry">henry</p></a></li>
          <li><a href="#"><p data-key-value="steve">steve</p></a></li>
          <li><a href="#"><p data-key-value="dean">dean</p></a></li>
        </ul>
      </div>
    </div>
  </div>

代码似乎太大而无法按原样发布，这里是一个小提琴链接。 https://jsfiddle.net/6sku2ro5/1/

提前感谢。

Answer 1

我已经使用了隐藏功能，并根据初始框中点击的名称显示以下框中的文字。

您的代码中的一些内容已得到纠正，现在匹配的相关名称选项将显示在每个下方的框中。

 if (p_data_value == currentPerson || currentPerson == "icon_all") {
      //$(allBoxArr[index]).find('li').find('p').append(p_content);
      $(this).show();
    } else {
      $(this).hide();
    }

Working fiddle

在点击事件中过滤多个div中的链接/内容

1 个答案: