隐藏或禁用下拉列表菜单按钮.jQuery of JavaScript.

Hide or disable drop down list menu buttons. jQuery of JavaScript.

本文关键字：按钮 jQuery of JavaScript 菜单 下拉列表 隐藏      更新时间：2023-09-26

我有一个动态创建的 3 个选项列表，它们附在表格行的末尾。如果页面加载时不满足某些条件，我想隐藏或禁用编辑和复制选项。我如何使用JavaScript的jQuery来做到这一点。

<div class="btn-group ewButtonGroup open">
    <button class="dropdown-toggle btn btn-small" data-toggle="dropdown" href="#">Options <b class="caret"></b></button>
    <ul class="dropdown-menu ewMenu">
        <li><a class="ewRowLink ewView" data-caption="View" href="teamsview.php?showdetail=&amp;TeamID=1">View</a></li>
        <li><a class="ewRowLink ewEdit" data-caption="Edit" href="teamsedit.php?TeamID=1">Edit</a></li>
        <li><a class="ewRowLink ewCopy" data-caption="Copy" href="teamsadd.php?TeamID=1">Copy</a>
        </li>
    </ul>
</div>

我已经尝试了以下代码，该代码可以正常工作。 

<script>
$(document).ready(function() {
     var Week_Check = $('#ewRowLink ewView span').text();
     if ( Week_Check > 10) {
         $('.ewRowLink ewView').hide();
     } 
 });
 </script>

你有一个糟糕的jQuery选择器。如果要隐藏具有这两个类的元素，则可以这样做：

$('.ewRowLink.ewView').hide();

通过使用$('.ewRowLink ewView').hide();你基本上声明：隐藏所有ewView（？）元素，这些元素位于具有ewRowLink类的其他元素中。

您可以使用

.off()来取消绑定事件：

$('.ewEdit, .ewCopy').off('click');

或者，如果您想隐藏：

$('.ewEdit, .ewCopy').hide();

但是，您需要提及要在什么条件下执行此操作。

<script>
$(document).ready(function() {
     var Week_Check = $('#ewRowLink, #ewView').find('span').html();
     if ( Week_Check > 10) {
         $('.ewRowLink, .ewView').hide();
     } 
 });
 </script>
相关文章：