Question

我正在尝试将enemy_1和enemy_2随机附加到我的6x7表格中的<td>标记中。

我不知道如何用随机方法或任何其他方法解决这个问题。

// target -> all <td>
$('table').find('td');

// two individual enemies
var enemy_1 = $('<span>enemy_1</span>');
var enemy_2 = $('<span>enemy_2</span>');

这是我的表

for (var i = 0; i < 7; i++) {
    $("table").append("<tr></tr>");
}

for (var i = 0; i < 6; i++) {
    $("table tr").append("<td style='background:#DDDDDD;height:50px;width:50px;'></td>");
}

$('table').prepend('<div>Start</div');
$('table').append('<div>End</div');

$('table div:last-child').css({
  position :'absolute',
  right: '0'
});

Answer 1

这是一个使用Math.random()生成随机数的逻辑，然后我们将它乘以100并将其四舍五入，然后如果它是2的倍数，我们将获得enemy_1 span else {{ 1}}。

随机逻辑来自以下链接。

SO Answer

＆＃13;

enemy_2

＆＃13;

// target -> all <td>
// $('table').find('td');

// two individual enemies
var enemy_1 = '<span>enemy_1</span>';
var enemy_2 = '<span>enemy_2</span>';

for (var i = 0; i < 7; i++) {
  $("table").append("<tr></tr>");
}

for (var i = 0; i < 6; i++) {
  $("table tr").append("<td style='background:#DDDDDD;height:50px;width:50px;'></td>");
}

$('table').prepend('<div>Start</div');
$('table').append('<div>End</div');

$('table div:last-child').css({
  position: 'absolute',
  right: '0'
});
//generate random number 1
var numberOne = 1,
  numberTwo = 1;
do {
  numberOne = Math.floor(Math.random() * 42) + 1;
} while (numberOne === numberTwo);
do {
  numberTwo = Math.floor(Math.random() * 42) + 1;
} while (numberTwo === numberOne);
$('td').each(function(index) {
  if (index === numberOne) {
    $(this).append(enemy_1);
  }
  if (index === numberTwo) {
    $(this).append(enemy_2);
  }
});

＆＃13;

使用jQuery在我的表中随机选择两个网格

1 个答案: