时间戳

首页 > 解决方案 > 如何使用变量在选择器中设置此 img 样式？

javascript - 如何使用变量在选择器中设置此 img 样式？

问题描述

我需要使用选择器对动态添加到 div 中的图像进行样式设置，虽然样式确实有效（我测试过），但我不知道如何输入变量作为属性的值。

我尝试了所有类型的语法来尝试使其工作。

function addMole() {
    var xCord = myRandomX();
    var yCord = myRandomY();
    $("#gamespace").append("<img src=img/mole.png style=top:yCord+px;left:xCord+px;/>"); 
    setTimeout("addMole()", 2000);
}

标签： javascriptjqueryhtml

解决方案

在我看来，使用css()方法更简单，更容易阅读。请注意，当数值传递给top并且left将'px'在内部添加

function addMole() {
  var xCord = myRandomX();
  var yCord = myRandomY();
  var $img = $('<img>', {src: 'img/mole.png'}).css({top: yCord, left: xCord})
  $("#gamespace").append($img);
  setTimeout("addMole()", 2000);
}

推荐阅读