Javascript 从特定类中查找值(HTML)

Javascript 从特定类中查找值(HTML),javascript,jquery,html,tampermonkey,Javascript,Jquery,Html,Tampermonkey,我期待脚本一个网站,有一套不断变化的价值观。我试图找出如何一次只调用其中一个条目中的文本值 任何一个都可以像这样 <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 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非常陌生,这对我来说是一次学习经历。谢谢你的帮助

如果您想了解一些原生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;

希望这对您有所帮助。

如果您想了解一些原生JS技术,最好使用
document.queryselectoral
。有两种其他方法可以获取所需的元素(
getElementsByClassName
getElementsByTagName
),但它们在
forEach
中的作用不如前者

因此,要抓住要点:

let cells = document.querySelectorAll('td');
要在节点列表上循环:

cells.forEach(function (cell) {
  console.log(cell.textContent);
});
目前,代码只是将文本内容(您的随机数)记录到控制台,但是您可以感觉到现在可以对这些数据做什么

例如,要获取最后一个(最近的?)随机数(节点列表中的最后一个单元格),您可以使用:

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

希望这对您有所帮助。

如果需要选择表中的第一个
tr td
来获取值,可以使用jQuery选择所有
tr td
元素,然后指定第一个元素

$(“tr td”).first().text()

该选择器在遍历dom时查找所有
trtd
元素,因此它将首先查找表中的顶行。
first()
函数返回找到的第一个元素的jquery对象。
text()

如果要处理所有值,可以使用jquery选择器
each()
函数

$(“trtd”).each(函数(索引,元素){console.log($(元素).text())})


这将遍历所有元素并将它们的值打印到控制台,但您可以修改函数以求和值,将它们放入数组或其他任何形式。

如果需要选择表中的第一个
tr td
来获取值,使用jQuery可以选择所有
trtd
元素,然后指定第一个元素

$(“tr td”).first().text()

该选择器在遍历dom时查找所有
trtd
元素,因此它将首先查找表中的顶行。
first()
函数返回找到的第一个元素的jquery对象。
text()

如果要处理所有值,可以使用jquery选择器
each()
函数

$(“trtd”).each(函数(索引,元素){console.log($(元素).text())})


这将遍历所有元素并将它们的值打印到控制台,但是您可以修改函数来求和这些值,将它们放入数组或其他任何东西。

如果您使用jquery:
$('.classname')
可以用于选择该类的所有元素。因此,您是否正在尝试创建一个
td
s数组?您是只想要一个特定td的值,还是想对每个td的编号做些什么?@让人困惑的是,理想情况下,我想做的是找到创建的最新td值,但如果我要创建一个包含最新[0]和最旧[19]的数组这也很有效。我只需要能够找到每一个人的价值td@Andy如果您使用jquery,请随时查看我的最新评论:
$('.classname')
可用于选择该类的所有元素。那么,您是否正在尝试创建
td
s的数组?是否只需要一个特定td的值,或者你想对每个td的编号做些什么?@让人困惑的是,理想情况下,我想做的是找到创建的最新td值,但如果我要用最新[0]和最旧[19]构建一个数组,这也会很好。我只需要能够找到每一个人的价值td@Andy欢迎随时查看我的最新评论谢谢你是的,你向我介绍了我可能需要的更多功能。非常感谢你。最新的添加到表的顶部,这还不够有趣,但非常感谢!另一个简短的问题。。。我使用了一些代码来查找console.log(document.querySelectorAll('td.crashLowResult').length)中一个表的长度(小于2);但是,使用.textContent会给我一个未定义的