javascript - Jquery 不会影响表中的元素/类

Question

我正在尝试根据登录的用户通过 Jquery 更新我们网站的 CSS。我需要隐藏一个元素 (#BCID) 和一个类 (.BC)。两者都位于表中。

当我手动输入 CSS(“显示:隐藏”)时，一切看起来都很完美。当我尝试使用 Jquery (.css) 执行此操作时，没有任何反应。我已经使用相同的脚本在其他元素上测试了其他 CSS 命令，它们工作正常(添加边框、更改字体颜色等)。但任何改变这些元素的尝试都彻底失败了。

<script type="text/javascript">
  $("document").ready(function() {
    var department = 'adam';
      $("#BCID").hide();
    if (department.toLowerCase() === "adam") {
      $('#BCID').css('border', '1opx solid black'); 
    }
    else {
      $("#SFID").css('display', 'none');
    }
  });
</script>

Answer 1

这里似乎工作正常fiddle但是你的语法有一个错误(1opx 纯黑色)，这可能会把它扔掉:

$("document").ready(function() {
    var department = 'adam';
    $("#BCID").hide();
    if (department.toLowerCase() === "adam") {
      $('#BCID').css('border', '1px solid black'); 
    } else {
      $("#SFID").css('display', 'none');
    }
  });