javascript - 在鼠标悬停/悬停期间仅从特定文本段落中获取数字

Question

我遇到了从 html 字符串段落中检测数字的问题。让我从 html 页面的概述开始。

1. 1 个仅包含数字的表格
2. 1段由字母、数字和符号组成

我想做的是，当用户将鼠标悬停或悬停在段落中的任何数字上时，表格中相同数字的样式将发生变化(可能突出显示)。

问题是，如何使用 jQuery 仅通过鼠标悬停或悬停从段落中提取数字？

我一直在考虑为段落中的每个数值添加 span 标签，这样我就可以使用 `$(this).find('span').text(...) 来匹配之后的表格。

谁能告诉我如何开始检测？ Tqvm!

Answer 1

您可以使用正则表达式从文本中获取所有数字，然后对其进行处理。

// Set your selector here, because its probably not all 'p' elements
$("p").hover(function(){
    var paragraphText = $(this).text();
    var allNumbers = paragraphText.match( /\d+/g );
    console.log(allNumbers); // A string, comma seperated, with all numbers
    var numbersArray = allNumbers.split(',');
    console.log(numbersArray); // An array of all the numbers

    // Loop through the array and do something with each number.
    $.each(numbersArray, function(index, theNumber){
        console.log(theNumber);
    });

});