javascript - 选择并获取与页面上其他元素具有相同类的跨度的内容

Question

我正在尝试做一些看似简单的事情，但结果比我想象的要难。

我在第 4 页上有 span 元素(我无法控制)都具有相同的类 ID (BOfSxb)，我只需要编辑其中的两个 - 第二个和第四个元素。所以我不确定如何只选择这两个，在我这样做之前，我需要知道第二个或第四个跨度元素的内容(2 和 4 具有相同的内容)。我想出了如何获取内容，但我将两者结合起来，所以如果内容是 2,304,400，我将返回 2,304,4002,304,400

到目前为止，我是这样获取内容的:

var spanContent = $("span.BOfSxb:contains(2,304,400)").text()

console.log(spanContent); //returns 2,304,4002,304,400 ( I need 2,304,400)

上面的另一个问题是:contains 有一个我无法提前知道的数字。

在我从第二个或第四个跨度中获取内容后，我需要比较它并查看它属于哪个范围，然后用它做一些其他事情。像这样的东西:

if ($(".BOfSxb:contains("+ spanContent + ")").text() >= 0 && $(".BOfSxb:contains("+ spanContent + ")").text() <= 1000) {

$("span.BOfSxb:contains("+ spanContent + ")").replaceWith(finalDiv);

} else if ($(".BOfSxb:contains("+ spanContent + ")").text() >= 1001 && $(".BOfSxb:contains("+ spanContent + ")").text() <= 1000000) {

$("span.BOfSxb:contains("+ spanContent + ")").replaceWith(finalDiv2);

} else {

//something else
}

编辑:我应该补充一点，这实际上是一个 Chrome 扩展程序，它将对我无法控制的页面上的 span 元素进行编辑。

感谢您的帮助!

Answer 1

您可以通过使用与它的类相关的索引号来指定要抓取的元素。您可以使用 jquery .eq() 方法执行此操作。

$(".span.BOfSxb").eq(1).text();
$(".span.BOfSxb").eq(3).text();

然后您可以使用 parseInt(); 方法将它们更改为数字并根据需要添加它们。 parseInt() 方法从字符串返回一个整数。当您从元素中获取文本时，它们无法相加，因为它们不被视为数字，而是被视为文本字符串。

这是 fiddle :http://jsfiddle.net/atw5z0ch/