36 lines
1.0 KiB
JavaScript
36 lines
1.0 KiB
JavaScript
let layer;
|
|
layui.use(['layer'], function () {
|
|
layer = layui.layer;
|
|
|
|
getSelect();
|
|
updateSelection();
|
|
});
|
|
|
|
function getSelect(){
|
|
$("#selection").empty();
|
|
var data = [
|
|
{ a: 1, b: 2,c:1 },
|
|
{ a: 2, b: 2,c:2 },
|
|
{ a: 2, b: 2,c:3 }
|
|
];
|
|
var html ="";
|
|
data = JSON.parse(JSON.stringify(data)); // 创建一个新的变量存储 JSON 化后的数据
|
|
for (var i = 0; i < data.length; i++) {
|
|
if(data[i].a == 1){
|
|
html += '<div class="item bright" id="'+data[i].c+'">'+data[i].b+'</div>' ;
|
|
}else{
|
|
html += '<div class="item dark" id="'+data[i].c+'">'+data[i].b+'</div>' ;
|
|
}
|
|
}
|
|
console.log(html)
|
|
$("#selection").append(html);
|
|
}
|
|
|
|
function updateSelection() {
|
|
$(".item").on("click", function() {
|
|
$(".item").removeClass("bright").addClass("dark"); // 点击时将所有元素设置为 dark 类
|
|
$(this).removeClass("dark").addClass("bright"); // 点击的元素设置为 bright 类
|
|
var clickedId = $(this).attr('id'); // 获取被点击的 div 元素的 id 值
|
|
console.log("选中的值为: " + clickedId);
|
|
});
|
|
} |