在JavaScript中的div之前添加換行符

Question

我有一個JavaScript函數，可在單擊html按鈕時運行。 如果在函數中發生錯誤，我會顯示一個錯誤，它只是一個html div，我會動態添加文本，並且通常是隱藏的，直到發生錯誤為止。 我想在錯誤顯示之前（在div之前）動態地添加一個換行符（br）。

我的問題是，如果用戶繼續單擊該按鈕並且不斷發生錯誤，則該頁面將充滿換行符，而頁面的其余部分將向下移動。 因此，休息越來越復雜，而且永遠不會消失。 這是JavaScript，可將錯誤文本動態添加到div，並在其之前添加換行符。

$('#sku-upc-error').html(jqXHR.responseText).before("<br />");

這是顯示錯誤的html。

<div class="error-display" id="sku-upc-error"></div>

當沒有發生錯誤但換行符仍然存在時，我可以動態地隱藏或刪除div。 例如：

$("#sku-upc-error").hide();

是否也有辦法消除換行符？ 還是一種在錯誤div之前添加中斷的更好的方法，以使它們不會停留在頁面上並且如果錯誤不斷發生又會加重？

Answer 1

您可以，這是一個巧妙的小技巧。

添加換行符時，請像這樣向其添加類。

$('#sku-upc-error').html(jqXHR.responseText).before("<br class='break' />");

然后，當您運行代碼以隱藏錯誤消息時，請在代碼后直接添加該代碼以刪除換行符。

$(".break").remove();

試試看，讓我知道你過得如何。 如果需要，還可以使用.hide() ，但這可以將它們全部從DOM中正確刪除，而不是隱藏它們，而是將它們保留在標記中。