Question

我一直在搜索如何从console.log中的表返回值。例如：

如果我有一个数组，我可以从数组中生成一个随机值，如下所示：

<table id="tbl1">
    <tr>
        <td id="1>Henk</td>
        <td class="day">tuesday</td>
        <td>sample1</td>
        <td>sample2</td>
        <td>sample3</td>
        <td>sample4</td>
        <td></td>
        <td id="number_2">667</td>
    </tr>
</table>

当我在Javascript控制台中时，我使用quizloops（），然后从数组中获取随机索引。

如何从表中生成相同的内容？如果有一个我可以使用的按钮可以使用console.log生成一个值，那就太好了。

Divi theme

谢谢！

Answer 1

从表中获取所有td。由于您使用的是jquery $("#tbl1").children('tbody').children('tr').children('td')，因此将是一个jquery对象。

tds.length将提供td的总数。将此值传递给getRandomInt。假设您的表可以有0 td，因此最小值为0。

生成随机数后，使用相同的jquery对象使用text()方法检索文本。

希望此代码段有用

function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min)) + min;
}


$('#gen').on('click', function() {
  var tds = $("#tbl1").children('tbody').children('tr').children('td')
  var randomValue = getRandomInt(0, tds.length)
  console.log($(tds[randomValue]).text())

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tbl1">
  <tr>
    <td id="1">Henk</td>
    <td class="day">tuesday</td>
    <td>sample1</td>
    <td>sample2</td>
    <td>sample3</td>
    <td>sample4</td>
    <td></td>
    <td id="number_2">667</td>
  </tr>
</table>
<button type="button" id='gen'>Generate</button>

使用console.log单击返回随机值

1 个答案: