显示一个隐藏元素的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>