在單擊警報后刪除所述按鈕之前，如何強制將按鈕文本更改為粗體？

Question

我在 IE 中得到了正確的序列，但在 Chrome 中卻沒有。 在 Chrome 中，按鈕文本不是粗體，而是只有警告消息和按鈕被刪除。

我嘗試在 Chrome 中逐步運行開發人員模式，但文本在警報之前正確顯示為粗體，然后刪除按鈕。

下面是我用於單擊按鈕的 jQuery。

    $("button").click(function() {
      $(this).css('font-weight', '700');
      var elmId = $(this).attr("id");
      alert(elmId);
      $(this).remove();
    });

我希望在警報消息之前和刪除所述按鈕之前將按鈕文本設為粗體。

編輯：通過下面的答案解決

Answer 1

代碼不起作用，因為alert()異步執行，這就是為什么按鈕被刪除，並且更改不可見的原因。 這就是我使用 setTimeout 的原因，它在一定時間后開始執行。 它等待 1 毫秒，然后生成警報，並刪除button元素。 到那時，CSS 更改已經發生，並且是可見的。 :)

 $("button").click(function() { let el = $(this); el.css('font-weight', '700'); var elmId = el.attr("id"); setTimeout(function(){ alert(elmId); el.remove(); }, 1000); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button>BOLD</button>