时间戳

首页 > 解决方案 > 如何仅使用类获取 innerHTML 值？

javascript - 如何仅使用类获取 innerHTML 值？

问题描述

我有一个类似于以下的代码：

<span class="subg">100</span>
<span class="subg">10000</span>
<span class="subg">1000000</span>

我想使用 jQuery 选择器访问任何跨度的内部值。因此，例如，如果我想获得值为 10000 的跨度值，我会执行以下操作：

$('.subg:contains("10000")').text()

这很好用，但是如果我想获得值 100，那么这种方法是不正确的，因为我想获得第一个跨度值，但由于所有 3 个跨度都包含 100，因此所有三个都将匹配。

我尝试的另一种方法是：

$('.subg[innerHTML="100"]')

但这似乎不起作用，因为innerHTML它不是 span 的属性。

我不知道跨度的顺序。

限制：

  1. 我不能使用循环。

  2. 我不能给身份证。

  3. 我无法更改span为其他类型。

标签： javascriptjquery

解决方案

用于filter获取span目标值：

var result = $(".subg").filter(function() { return ($(this).text() === '1000000') });   // Change value to get desire result
console.log(result.text());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="subg">100</span>
<span class="subg">10000</span>
<span class="subg">1000000</span>

推荐阅读