javascript - 显示一个隐藏的元素 jquery

Question

我不知道为什么它不适用于bootstrap modal。

我想显示隐藏的元素。

我尝试了三种不同的方式

(与 display:none; 而在 javascript 中，a 做了 $('..').show(),

visibility:hidden 和 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>