Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否将随机类添加到附加的div?(jquery)_Javascript_Jquery - Fatal编程技术网

Javascript 是否将随机类添加到附加的div?(jquery)

Javascript 是否将随机类添加到附加的div?(jquery),javascript,jquery,Javascript,Jquery,这是我正在处理的对象的所有代码,但我认为这只是“在屏幕中创建建筑”部分,您真正需要帮助我 我的目标是把它放在哪里,而不是说class=“House houseRed”,它说的是class=“House+‘randomClass’”等,这个变量保存着我的其他类名(我总共有5个)。 这是我正在制作的一个小游戏,我需要生成的建筑根据它们的类名有不同的外观 //CREATE BUILDING IN MEMOMORY function CreateHouseInMemory() {

这是我正在处理的对象的所有代码,但我认为这只是“在屏幕中创建建筑”部分,您真正需要帮助我

我的目标是把它放在哪里,而不是说class=“House houseRed”,它说的是class=“House+‘randomClass’”等,这个变量保存着我的其他类名(我总共有5个)。 这是我正在制作的一个小游戏,我需要生成的建筑根据它们的类名有不同的外观

//CREATE BUILDING IN MEMOMORY
    function CreateHouseInMemory() {
        //GET VALUES
        var sAddress = $("#HouseAddress").val();
        var sUniqueId = getUniqueId();
        var iMaxResidents = $('input[name=housemaxresidents]').val();

        var oHouse = {
            sType: "House",
            sAddress: sAddress,
            sId: sUniqueId,
            iMaxResidents: iMaxResidents,
            Residents: aResidents = [],
            babyInHouse: false
        };
        oCity.aBuildings.push(oHouse);
        console.dir(oCity.aBuildings);
        return oHouse;
    }


//CREATE BUILDING IN SCREEN
    function CreateHouseInScreen(oHouse)
    {
        $("#City").append('<div id="' + oHouse.sId + '" class="House houseRed" title="' + oHouse.sAddress + '"></div>');
        $(".House").draggable();
        $(".House").droppable();
    }
    ;


//SPAWN BUILDING
    $("#BtnCreateHouse").click(function() {

        var oHouse = CreateHouseInMemory();
        CreateHouseInScreen(oHouse);

    });
//在备忘录中创建建筑
函数CreateHouseInMemory(){
//获取价值
var sAddress=$(“#房屋地址”).val();
var sUniqueId=getUniqueId();
var iMaxResidents=$('input[name=housemaxresidents]')。val();
var oHouse={
斯泰普:“房子”,
女主持:女主持,
希德:苏尼奎德,
iMaxResidents:iMaxResidents,
居民:AresIdentits=[],
宝贝屋:错
};
社区、住宅、推送(oHouse);
控制台目录(oCity.ABILDINGS);
返回oHouse;
}
//在屏幕中创建建筑
功能CreateHouse屏幕(oHouse)
{
$(“#城市”)。附加(“”);
$(“.House”).draggable();
$(“.House”).droppable();
}
;
//产卵大厦
$(“#BtnCreateHouse”)。单击(函数(){
var oHouse=CreateHouseInMemory();
CreateHouseInScreen(oHouse);
});

创建一个目标类名数组

var array = ['one', 'two','three','four', 'five'];

//then
var random = array[Math.floor(Math.random() * array.length)]

创建一个目标类名数组

var array = ['one', 'two','three','four', 'five'];

//then
var random = array[Math.floor(Math.random() * array.length)]

您可以按如下方式随机添加一个类:

function CreateHouseInScreen(oHouse)
{
    var classes = ['houseRed', 'houseBlue', 'houseGreen'];
    var randomIndex = Math.floor(Math.random() * classes.length);
    var div = $('<div id="' + oHouse.sId + '" class="House" title="' + oHouse.sAddress + '"></div>');
    div.addClass(classes[randomIndex]);
    $("#City").append(div);
    $(".House").draggable();
    $(".House").droppable();
}
功能CreateHouse屏幕(oHouse)
{
变量类=['houseRed','houseBlue','houseGreen'];
var randomIndex=Math.floor(Math.random()*classes.length);
var div=$('');
div.addClass(类[随机索引]);
$(“#城市”)。追加(部门);
$(“.House”).draggable();
$(“.House”).droppable();
}

您可以这样随机添加一个类:

function CreateHouseInScreen(oHouse)
{
    var classes = ['houseRed', 'houseBlue', 'houseGreen'];
    var randomIndex = Math.floor(Math.random() * classes.length);
    var div = $('<div id="' + oHouse.sId + '" class="House" title="' + oHouse.sAddress + '"></div>');
    div.addClass(classes[randomIndex]);
    $("#City").append(div);
    $(".House").draggable();
    $(".House").droppable();
}
功能CreateHouse屏幕(oHouse)
{
变量类=['houseRed','houseBlue','houseGreen'];
var randomIndex=Math.floor(Math.random()*classes.length);
var div=$('');
div.addClass(类[随机索引]);
$(“#城市”)。追加(部门);
$(“.House”).draggable();
$(“.House”).droppable();
}
类似这样的东西

var classesnames = ['toto', 'titi', 'tata', 'tutu'],
    classrandom = classesnames[Math.floor(Math.random() * classesnames.length)];

$("#City").append('<div id="' + oHouse.sId + '" class="House '+ classrandom +'" title="' + oHouse.sAddress + '"></div>');
var classesnames=['toto','titi','tata','tutu'],
classrandom=classesnames[Math.floor(Math.random()*classesnames.length)];
$(“#城市”)。附加(“”);
类似这样的东西

var classesnames = ['toto', 'titi', 'tata', 'tutu'],
    classrandom = classesnames[Math.floor(Math.random() * classesnames.length)];

$("#City").append('<div id="' + oHouse.sId + '" class="House '+ classrandom +'" title="' + oHouse.sAddress + '"></div>');
var classesnames=['toto','titi','tata','tutu'],
classrandom=classesnames[Math.floor(Math.random()*classesnames.length)];
$(“#城市”)。附加(“”);

您可以使用

i = parseInt(Math.random() * 4)
为类数组生成数组索引,例如

classArray = ['class1', 'class2', 'class3', 'class4', 'class5']
obj.className = classArray[i]
或者将整数转换为字符串并将其附加到常量字符串,例如

obj.className = "myClass" + i.toString().

你可以用像这样的东西

i = parseInt(Math.random() * 4)
为类数组生成数组索引,例如

classArray = ['class1', 'class2', 'class3', 'class4', 'class5']
obj.className = classArray[i]
或者将整数转换为字符串并将其附加到常量字符串,例如

obj.className = "myClass" + i.toString().