javascript - 将div作为另一个的:after

我想实现的目标很容易解释，但是我竭尽全力实现它。
我希望★能在使用jQuery的06之后出现。

谢谢你的帮助。

数字是由另一个函数创建的，因此.num div在原始html代码中看起来为空。

$(".like,.like-yes").insertAfter('.num');

.none{display:none}
body{font-family:Arial;font-size:5vw;}
.num{bottom:.5em;position:fixed;width:100%;text-align:center;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=num>01 02 03 04 05 06</div>
<div class=like>★</div><div class="like-yes none">★</div>

最佳答案

您应该使用append()并将它们变成内联框


CSS更新

$(".num").append($('.like,.like-yes'));

body {
  font-family: Arial;
  font-size: 5vw;
}

.like,
.like-yes {
  display: inline;
}

.none {
  display: none
}

.num {
  bottom: .5em;
  position: fixed;
  width: 100%;
  text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=num>01 02 03 04 05 06</div>
<div class=like>★</div>
<div class="like-yes none">★</div>

或html更新

$(".num").append($('.like,.like-yes'));

body {
  font-family: Arial;
  font-size: 5vw;
}
.none {
  display: none;
}

.num {
  bottom: .5em;
  position: fixed;
  width: 100%;
  text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=num>01 02 03 04 05 06</div>
<span class=like>★</span>
<span class="like-yes none">★</span>