Question

我有一个下拉菜单，根据他们所在的广告组隐藏某些元素。如果元素位于菜单的底部，我的代码会隐藏元素，而不是元素位于菜单顶部，然后它会隐藏每个元素。

- Site1 -

- Site2 -

- Site3 -

- Site4 -

继承我的代码：

这将隐藏每个元素：

 $('span:contains("Site1")').show();
 $('span:contains("Site2")').hide();
 $('span:contains("Site3")').hide();
 $('span:contains("Site4")').hide();

如果它的“Site4”位于菜单底部，则代码可以工作..（只有site4可见）

 $('span:contains("Site1")').hide();
 $('span:contains("Site2")').hide();
 $('span:contains("Site3")').hide();
 $('span:contains("Site4")').show();

html meny：

<ul class="dynamic" style="">

  <li class="dynamic">
   <a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/site1">
    <span class="additional-background ms-navedit-flyoutArrow">
     <span class="menu-item-text">Site1</span>
    </span>
  </a>
 </li>

     <li class="dynamic">
   <a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/Site2">
    <span class="additional-background ms-navedit-flyoutArrow">
     <span class="menu-item-text">Site2</span>
    </span>
  </a>
 </li>

     <li class="dynamic">
   <a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/Site3">
    <span class="additional-background ms-navedit-flyoutArrow">
     <span class="menu-item-text">Site3</span>
    </span>
  </a>
 </li>

     <li class="dynamic">
   <a class="dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/test/Site4">
    <span class="additional-background ms-navedit-flyoutArrow">
     <span class="menu-item-text">Site4</span>
    </span>
  </a>
 </li>

 </ul>

Answer 1

试试这个，我试着为你做同样的事情。 Demo

Html

<div id="1">
    <span class="name">
    <div class="quote">Mark</div>
        </span>
</div>

<div id="2">
    <span class="name1">
    <div class="quote1">Run</div>
        </span>
</div>

的Javascript

$('.name .quote').hide();
$('.name1 .quote1').show();

隐藏下拉菜单中的特定元素

1 个答案: