Question

我试图以一些不同的方式做到这一点，并且没有找到可以工作的东西，而不必反复重复代码。我想在网页上选择一个字母数字字。它在整个页面中重复了几次，但数字部分发生了变化。 .i.e。（图1），（图2），（图3）等。

我能够选择数字但不能选择数字。我从Johann Burkard突出显示的代码开始，效果很好。但我无法弄清楚如何使数字部分工作。我最初在想使用正则表达式，但不知道如何将其包含在代码中。

这是我到目前为止所拥有的......

var num = 2;

$('div').highlight('(figure' + ' ' + 'num' + ')');

我也试过......

$('div').highlight('(figure /^[0-9\b]/)');

有什么想法吗？

这是有效的......

  $('div').highlight('(figure 1)');
  $('div').highlight('(figure 2)');
  $('div').highlight('(figure 3)');

我正在尝试简化它，所以我不必为每个项目写一个。

Answer 1

将此正则表达式用作数字查找器：

$('#text').html().match(/\-?\d+(\.\d+)?/g)

Answer 2

我没有尝试过代码。但是只要看一眼，可能存在的一个错误就是你在引号（'num'）中有变量的名称。如果您不想使用变量的值，则不应包含引号。试试这个：

$('div').highlight('(figure' + ' ' + num + ')');

Answer 3

以下是一个工作示例：http://codepen.io/anon/pen/GJQRbW

<div>(figure 1)</div>
<div>(figure 2)</div>
<div>(figure 3)</div>
<div>(figure 4)</div>
<div>(figure 5)</div>
<div>bla</div>

.highlight { background-color: orange }


var num = 5;
$('div').highlight('(figure ' + num + ')');

如果你的工作不正常，你可能需要检查使用要求 - 确保你引用了jquery，然后是高亮插件，然后是发布的代码。

Jquery - 在参数中选择一个数字字符串

3 个答案: