jQuery，為什么ID選擇器不起作用

Question

在開始頁面上，我需要隱藏一個div dlaFirmy。 這個符號$（'＃dlaFirmy'）。hide（）; 不起作用。 如果我使用$（'table'）。hide（）; 而且很容易藏起來

上面的陳述可能不正確。 預先感謝您的幫助

javascript code:
 <script>
    $(document).ready(function(){     
    $('#dlaFirmy').hide();
    $('select').on('change', function (e) {
       var optionSelected = $(this).find("option:selected");
       var valueSelected  = optionSelected.val();
       if( valueSelected === "2"){
           $('#dlaFirmy').show();
            alert("sdfsd");
       }
       else {
           $('#dlaFirmy').hide();
       }

       });
       });

Html code :

    <div class="formularzOC">
        <form id="form1" action="dodajDistrictManager.do" method="POST">
                <div id="podmianka"> <b>Dodaj nowy Lead: </b></div>

        <table>
            <select name="thelist">
                <option value="1">Klient Indywidualny</option>
                <option value="2">Klient Biznesowy</option>
            </select> 
            <tr>
                <td>Imię:</td><td><input type="text" name="imie" ></td>
            </tr>
            <tr>
                <td>Nazwisko:</td><td><input type="text" name="nazwisko" ></td>
            </tr>
            ...

           <div id="dlaFirmy"> 
                <tr>
                    <td>Nazwa firmy:</td><td><input type="text" name="email" ></td>
                </tr>
                <tr>
                    <td>Nip:</td><td><input type="text" name="email" ></td>
                </tr>
           </div>

        </table>
            <button type="submit"> Zatwierdź</button>
    </form>
        </div>

Answer 1

您的標記完全無效，您不能依賴瀏覽器實際所做的任何事情。

table元素不能直接包含select元素或div元素。 如果將它們放在table ，瀏覽器可能會將它們移到table外。

div元素不能直接包含tr元素。

底線：您必須使標記有效。 對於您要嘗試執行的操作，用tbody而不是div （對於#dlaFirmy ）可能有意義。

Answer 2

在一種情況下，您隱藏了一個表，在另一種情況下，您隱藏了一個div。 這就是為什么您獲得不同結果的原因。