特定のクラスから値を見つけよう（HTML）

Question

私は、変化する値のセットを持つサイトをスクリプトしたいと思っています。私は一度にこれらのエントリのうちの1つだけの中でテキスト値を呼び出す方法を理解しようとしています。

これらのいずれかがこの

<tr ng-repeat="(key, game) in crash.games.slice().reverse()" class="" style=""> 
<td ng-if="::game.crash > 199" class="crashHighResult">RANDOM NUMBER THAT I WANT TO SEE</td> 

trのように見えることができますがtdの親であるとtdの内のテキスト値は、私は私は

問題のみを参照しようとしているものですこの間に20個ものエントリが保存されていて、他のすべてのものと同じクラスと親を持つことができます。唯一の違いは乱数値です。

私はそれらをすべて同時に引っ張って、それらの値で配列を作ることができれば、私がやりたいことをすることができるかもしれないと思っていますが、ちょっと困ります。

私はjavascriptとjqueryの新機能です。これは私の学習体験です。ご協力いただきありがとうございます！

Answer 1

ネイティブJSのテクニックを理解したい場合は、document.querySelectorAllを使用することをお勧めします。あなたが望む要素（getElementsByClassNameとgetElementsByTagName）を得るにはいくつかの方法がありますが、前者の場合とほとんど同じように、forEachで再生されません。

ので、要素つかむために：

let cells = document.querySelectorAll('td'); 

そして、そのノードリストをループする：現時点では

cells.forEach(function (cell) { 
    console.log(cell.textContent); 
}); 

をコードがちょうどコンソールにテキストコンテンツ（あなたの乱数）を記録しますしかし、あなたは今、あなたがそのデータを使ってできることを感じることができます。これはあなたを助け

let rnd = cells[cells.length - 1].textContent; 

希望：

例えば

は、あなたが使用する最後の（？最新）乱数（ノードリストの最後のセル）を取得します。

Answer 2

値を取得するために表の最初のtr tdを選択する必要がある場合は、すべてのtr td要素を選択し、最初の要素を指定します。それは、DOMをトラバースするよう

$("tr td").first().text();

このセレクタは、すべてのtr td要素を検索し、それは、最初の表の一番上の行を見つけます。 first()関数は、最初に見つかった要素のjqueryオブジェクトを返します。 text()は、tdタグ内にあるテキストを取得します。基本的には、js innertextまたはtextcontentと同じです。

すべての値で処理する場合は、jqueryセレクタeach()を使用できます。

$("tr td").each(function (index , element) {console.log($(element).text())})

これは、すべての要素をループして、コンソールにその値を出力しますが、あなたは、値を合計配列、または任意でそれらを置くために機能を変更することができます。