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 [OK]をここで動作しているようだが、あなたはそれを投げるかもしれないあなたの構文にエラー（1opxベタ黒）を持っている：

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