Javascript 与选项卡类似的功能，但附加到另一个div的场景

$'.day col content'.eachfunction{ $this.on'click'，函数{ $'.day col'.removeClass'selected' $this.parent.addClass'selected'； $this.clone.appendTo'.selected day'； $'.选定的日期.日期列内容'.addClass'选定'； }; }; .实际天气{ 浮动：左； 宽度：100%； 边缘底部：20px； 文本对齐：居中； } .所选日期。所选日期{ 浮动：左； 宽度：100%； } .所选日期.日期列内容{ 显示：无； } .所选日期.所选日期列内容{ 显示：块 } .days box{ 浮动：左； 宽度：100%； 显示器：flex； 证明内容：中心； } D.day col{ 浮动：左； 宽度：130px； 高度：130像素； 位置：相对位置； 利润率：0 10px 10px； 文本对齐：居中； 光标：指针； 背景：红色； } .已选择day-col{ 背景：蓝色； } .日列.日列内容{ 宽度：100%； 位置：绝对位置； 保证金：0； 最高：50%； -ms转换：translateY-50%； 转换：translateY-50%；}

内容1

内容2

内容3

---

您需要先清空div，然后追加数据或直接使用.html，这样会覆盖数据：

$('.selected-day').html('').append( $(this).clone() );
//OR
$('.selected-day').html( $(this).clone() );

注意：您不必使用循环。要将单击事件附加到所有div，只需直接使用选择器，如下所示：

$('.day-col-content').on('click', function() {
    ...
});

样品

$'.day col content'。单击，函数{ $'.day col'.removeClass'selected'； $this.parent.addClass'selected'； $'.selected day'.html$this.clone； }; .选定日期{ 背景颜色：黄色 }

第一天

第2天

第3天

---

您需要先清空div，然后追加数据或直接使用.html，这样会覆盖数据：

$('.selected-day').html('').append( $(this).clone() );
//OR
$('.selected-day').html( $(this).clone() );

注意：您不必使用循环。要将单击事件附加到所有div，只需直接使用选择器，如下所示：

$('.day-col-content').on('click', function() {
    ...
});

样品

$'.day col content'。单击，函数{ $'.day col'.removeClass'selected'； $this.parent.addClass'selected'； $'.selected day'.html$this.clone； }; .选定日期{ 背景颜色：黄色 }

第一天

第2天

第3天

---

您好，我不确定您的样式，但这将作为一个自定义选项卡版本工作

$document.on'click'，'day col content'，函数{ $'.day col'.removeClass'selected' $this.parent'.day col'.addClass'selected'； $'.selected day'.html$this.clone； $'.选定的日期.日期列内容'.addClass'选定'； }; .已选择day-col{ 颜色：绿色 }

内容1

内容2

内容3

---

您好，我不确定您的样式，但这将作为一个自定义选项卡版本工作

$document.on'click'，'day col content'，函数{ $'.day col'.removeClass'selected' $this.parent'.day col'.addClass'selected'； $'.selected day'.html$this.clone； $'.选定的日期.日期列内容'.addClass'选定'； }; .已选择day-col{ 颜色：绿色 }

内容1

内容2

内容3

---

让代码成为stackoverflow代码段。这是一个更好的提问方式，比如这是你想要的吗？还是这个？试着让你的代码可以运行，这会让你更容易得到帮助。让代码成为stackoverflow代码段。这是一个更好的提问方式，你想问这样的问题吗？还是这个？试着让你的代码可以运行，这会让你更容易得到帮助。欢迎，乐于帮助欢迎，乐于帮助