我用本地存盤創建了一些元素,它作業正常,但我希望這些專案也應該克隆到特定的 div 標簽。
這是我的 jsFiddle 代碼jsFiddle Demo
現在,當我嘗試將所有元素克隆到<div ></div>但它不起作用時,下面是我的代碼
$(function() {
$('.mix').click(function() {
$(this).toggleClass('selected')
window.localStorage.setItem('test' this.dataset.id, $(this).hasClass('selected'));
});
$('.mix').each(function() {
var id = 'test' this.dataset.id;
if (localStorage.getItem(id) && localStorage.getItem(id) == "true") {
$(this).addClass('selected');
}
});
$(document).ready(function() {
var e = $('.top-items');
for (var i = 0; i < 5; i ) {
e.clone().insertAfter(e);
}
});
和 HTML 在這里
<div class="top-items">
<div data-id="1" class="box p001 mix ">Div 1</div>
<div data-id="2" class="box p002 mix">Div 2</div>
<div data-id="3" class="box p002 mix">Div 2</div>
<div data-id="4" class="box p002 mix">Div 2</div>
<div data-id="5" class="box p002 mix">Div 2</div>
</div>
<div class="all-items"></div> //all elements should be clone here on click one by one
為了實作這一點,我嘗試了單擊功能,但它沒有給出完美的解決方案,因此我希望在添加元素時將它們從這個<div ></div>克隆標簽中洗掉 onclick 。
任何幫助或建議都非常感謝。
uj5u.com熱心網友回復:
你可以做這樣的事情
let topItemsHTML = $(".top-items").html()
$(".top-items").html(""); // clear top-items div
$(".all-items").html(topItemsHTML) // fill all-items with top-items
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/318486.html
標籤:javascript 查询 功能 点击 本地存储
上一篇:帶有存在函式的setinterval與js中類的lambda運算式之間的區別
下一篇:Python函式引數和實參
