Question

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

<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>

Answer 1

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

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

通过使用$('.ewRowLink ewView').hide();，您基本上陈述：隐藏其他具有ewRowLink类的元素内的所有ewView（？）元素。

Answer 2

您可以使用.off()取消绑定事件：

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

或者如果你想隐藏：

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

但是你需要提一下你想要做什么条件。

Answer 3

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

隐藏或禁用下拉列表菜单按钮。 jQuery的JavaScript。

3 个答案: