如何使用Javascript或jQuery禁用/隐藏列表元素

Question

点击eraser后，我希望color隐藏或不显示其下拉元素。我试过......我的部分代码。

   $('#chooseEraser').mousedown(function(e){
        curTool = "eraser";
        checkEraser = true;
        $('#color').remove();
    });

以下是link

Answer 1

我并不完全理解您的问题，我认为您的代码中没有任何错误。但只是为了澄清，有几种方法可以使用jQuery隐藏/禁用元素：

这将隐藏元素，但元素将继续占用页面上的空间：

$('#colorId').css('visibility', 'hidden');

这将隐藏元素，不再占用页面上的任何空格：

$('#colorId').hide();

这将禁用元素：

$('#colorId').attr('disabled', 'disabled');

Answer 2

我刚试过$("#color").hide();，它确实在您的网页上有效。

您的代码缺少＃符号。

另外，请尝试使用jQuery而不是$：jQuery("#color").hide();。 $快捷方式可能并不总是可用（在某些范围内重新定义）。