javascript - 添加类 "active"以使用 JQuery 或 JavaScript 进行跨度

Question

我有三个跨度

$(".regions_list li span")
[
<span>​text0</span>​
, 
<span>text1​</span>​
, 
<span>​text2</span>​
]

我想为文本添加事件类，该文本等于myVariable

  myVariable = "text2";
  $(".regions_list li span").eq(myVariable).addClass("active");

但此方法不适用于本示例。

一些建议？

Answer 1

使用 jQuery，使用contains选择器选择包含指定文本的所有元素:

var myVariable = "text2";
$(".regions_list li span:contains(" + myVariable + ")").addClass("active");

注意:此解决方案无法保证仅选择 "text2" spans 元素，因为 contains 的功能与SQL like 子句，它将选择以给定文本开头或结尾的任何内容。您可以对其强制执行精确匹配比较，如 @xec suggested :

$(".regions_list li span").filter(function(){
    return $(this).text() === myVariable;
}).addClass("active");

看看我的 jsFiddle 示例:http://jsfiddle.net/ynevet/337NV/