Question

我的朋友在他的网站上制作了自己的随机数生成器，并向我挑战，找到一种方法来制作某种可自动回答随机数生成器的脚本。我是工程师，不是程序员，所以我对此并不了解，我想学习。到目前为止，我所看到的是随机数生成器将4个不同的跨度放入一个分区中，因此它们都出现在自己的框中。它们都具有相同的类名，我想以某种方式制作一个脚本，自动从跨度中检索信息并将其输入到文本框中。

<div id="numgen">
 <div class="numgen-content">
    <span class="numgen-number">3</span>
    <span class="numgen-number">7</span>
    <span class="numgen-number">1</span>
    <span class="numgen-number">9</span>
    <input name="numgen-input" type="text" id="numgen-input">
 </div>
</div>

在互联网上搜索并学习了一些关于jquery之后，我发现了这个我可以使用的小脚本

$("span[class='numgen-number']");

然而，当我使用它时，它返回

<span class="numgen-number">3</span>

对此知之甚少，我想要一些帮助。

Answer 1

这样的事情应该可以解决问题：

function getNumbers() {
    $output = $("#numgen-input");
    $(".numgen-number").each(function(index, item) {
        $output.val($output.val() + $(item).text());
    });
}

然后添加一个按钮或其他东西来调用getNumbers（）

演示：http://jsfiddle.net/Ag7La/2/

Answer 2

不需要jQuery或库：

var textArray = Array.prototype.slice.call(document.querySelectorAll('.numgen-number')).map(function(span){
    return span.textContent;
});

从具有相同类名的多个跨度中检索文本

2 个答案: