從同一班級名稱的多個跨度中檢索文本

我的朋友在他的網站上製作了自己的隨機數字生成器，並挑戰我找到一種方法來製作某種可以自動回答隨機數字生成器的腳本。我是一名工程師，而不是程序員，所以我對這件事一無所知，我想學習。到目前爲止，我所看到的是隨機數發生器將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>

對此知之甚少，我想要一些幫助。

來源

2014-04-17 user3543673

這樣的事情應該做的伎倆：

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

然後添加一個按鈕或什麼叫

演示getNumbers（）：http://jsfiddle.net/Ag7La/2/

來源

2014-04-17 04:02:19 logikal

是否有某種方法可以運行？因爲到目前爲止，我只是使用Chrome控制檯中，一切都已經工作，但是當我嘗試這樣做，它給了我「類型錯誤：未定義是不是一個函數」 – user3543673

是否小提琴爲你工作？ – logikal

是，小提琴的工作，但是當我嘗試這個網站上它只是給了我這個錯誤 – user3543673

沒有的jQuery或庫需要：

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

來源

2014-04-17 04:09:56 csuwldcat

從同一班級名稱的多個跨度中檢索文本

回答

相關問題