我正在嘗試使用獲取本地存盤密鑰的變數訪問我正在創建的 div。div 正在正確創建,但是當我嘗試將某些內容附加到創建的 div 時,它什么也不做。
<div class="modal" id="basket-modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Basket items:</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Pay</button>
</div>
</div>
</div>
</div>
</body>
$(document).ready(function(){
$('#addToCart').click(function(){
$('.modal-body-basket').empty();
for(var i = 0; i < localStorage.length; i ){
var key = localStorage.key(i);
var value = localStorage.getItem(key);
$('.modal-body').append('<div id="' key '"></div>');
var div = $('#' key);
alert(div);
div.append("<p class='d-block'>" key " => " value "</p>");
// $('.modal-body-basket').append("<button type='button' class='d-block' id=" key "> X </button>");
}
$('#basket-modal').modal("show");
});
})
可以看到創建的 div 但里面什么都沒有的影像
uj5u.com熱心網友回復:
嘗試將 p 標簽與 div 一起附加。
$('.modal-body').append('<div id="' key '"><p class='d-block'>" key " => "
value "</p></div>');
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/449164.html
標籤:javascript jQuery
