顯示一個隱藏元素的jQuery

Question

我不知道為什么它不適用於bootstrap modal 。

我想顯示隱藏的元素。

我嘗試了3種不同的方式

（with display：none; and in javascript a $（'..'）。show（） ，

可見性：隱藏在javascript $（'..'）。css（'visibilty'，'visible'）中 ，

和class =“ hidden”以及javascript $（'..'）。removeClass（'hidden'） ）

這是我的代碼：

 $('.btn[id="zaki"]').click(function() { $('#show_1524').show(); }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class="btn btn-danger" id="zaki">ilyes_show</button> <div> <p style="display:none;" id="show_1524">..................</p> </div> 

Answer 1

盡管您的代碼可以正常工作，但是由於內聯樣式具有最高的特異性，所以用類替換內聯樣式，然后在按鈕上單擊“ removeClass將其刪除。

 $('.btn[id="zaki"]').click(function() { $('#show_1524').removeClass('hideElem'); }) 

 .hideElem { display: none; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class="btn btn-danger" id="zaki">ilyes_show</button> <div> <p class="hideElem" id="show_1524">..................</p> </div> 

Answer 2

 $('.btn[id="zaki"]').click(function() { $('#show_1524').show(); }) $('.btn[id="zaki-hide"]').click(function() { $('#show_1524').hide(); }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <button class="btn btn-danger" id="zaki">ilyes_show</button> <button class="btn btn-danger" id="zaki-hide">ilyes_hide</button> <div> <p style="display:none;" id="show_1524">..................</p> </div>