Question

<div class="detail">Upgrade Level 4</div>

我的网站中有一个div与上面的相同。我使用代码

将变量设置为等于div

tavern = document.querySelector(".detail")

我现在想要一个新变量等于这个div内的数字。所以我需要一种方法来过滤掉“升级级别”并将新变量设置为等于div内的数字：

tavernLevel = 4

我不确定该怎么做？

任何帮助都将不胜感激。

Answer 1

如果文本始终相同Upgrade Level "number"，您可以使用 split() 函数，它会将String对象拆分为字符串数组，方法是使用给定的字符串将字符串分隔为子字符串separator（在我们的例子中，分隔符为Upgrade Level），因此它将返回两列['Upgrade Level ','4']的数组，我们将使用索引[1]获取第二列：

var tavern = document.querySelector(".detail").innerText;
var tavernLevel = tavern.split('Upgrade Level ')[1];

希望这有帮助。

var tavern = document.querySelector(".detail").innerText;
var tavernLevel = tavern.split('Upgrade Level ')[1];

alert(tavernLevel);

<div class="detail">Upgrade Level 4</div>

Answer 2

你可以用正则表达式来完成。

var regExp = /\d+/g;

var strHtml = "Upgrade level 4";

strHtml.match(regExp ); // return ["4"].Just use parseInt to get the number

将变量设置为div的内容相等

2 个答案: