Javascript 向随机div添加img

我正在寻找随机添加一个图像标签到一个div，所以对于这是我所拥有的，它应该可以工作，但不会在平铺上显示字符

var $divs = $(".mapsquare");
$("#player").appendTo( $divs.get(Math.floor(Math.random() * $divs.length)) );

<div id="1_1" class="mapsquare"></div>
<div id="2_1" class="mapsquare"></div>
<div id="3_1" class="mapsquare"></div>
<div id="4_1" class="mapsquare"></div>
<div id="5_1" class="mapsquare"></div>

var$divs=$（“.mapsquare”）；
$（“#player”）.appendTo（$divs.get（Math.floor（Math.random（）*$divs.length））；

到目前为止，我在JSFIDLE上有一个很好的例子-

试试看

<div id="player"></div>

而不是

<div id="player>"></div>

)()

---

仅供参考，

.player

在您的css中不会将您的div与

id=player

匹配，您将需要

#player

代替。谢谢狡猾的一个滑过谢谢！另一张纸条。使用

$divs.length-1

。由于您使用的是从0开始的索引，它应该按原样工作-如果

divs.length

为1，则表达式解析为

get（0）

；如果

divs.length

为2，它将解析为

get（0）

或

get（1）

等，正如预期的那样，我不敢相信我这么做了，看起来我需要一杯咖啡谢谢！