#jquery
#jquery
Вопрос:
Как мне скрыть тег li, в котором есть определенный тег div?
Этот тег div: запланированный-новый-управляемый-actionMenu-item (извините)
https://jsfiddle.net/x1snfme6/1/
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
One
</li>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
Two
</li>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
<div class="dx-item dx-menu-item">
<div class="dx-item-content dx-menu-item-content">
<div id="scheduled-new-managed-actionMenu-item">
Three
</div>
</div>
</div>
</li>
Комментарии:
1. @EvikGhazarian Извините. Я обновил его.
2. Не хватает деталей. Вы можете скрыть div с помощью $(«#scheduled-new-managed-actionMenu-item»).скрыть()
Ответ №1:
Вы можете сделать это с closest()
$("#scheduled-new-managed-actionMenu-item").closest("li").hide();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
One
</li>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
Two
</li>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
<div class="dx-item dx-menu-item">
<div class="dx-item-content dx-menu-item-content">
<div id="scheduled-new-managed-actionMenu-item">
Three
</div>
</div>
</div>
</li>
Ответ №2:
Вы можете использовать :has()
$("li:has(#scheduled-new-managed-actionMenu-item)").hide();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
One
</li>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
Two
</li>
<li class="dx-menu-item-wrapper level-2 sub-menu-item">
<div class="dx-item dx-menu-item">
<div class="dx-item-content dx-menu-item-content">
<div id="scheduled-new-managed-actionMenu-item">
Three
</div>
</div>
</div>
</li>
</ul>