如何使用jquery使用data-href属性标识锚标记

时间:2013-12-11 09:28:27

标签: jquery jquery-selectors attributes

我有一系列锚标记如下

    <a href="#" data-href=".60">CM</a>

我正在尝试使用以下代码获取此元素,但我没有成功。

    $("a[data-href=.60]").addClass("green");

建议正确一个

    var scatid=getUrlVars()["scatid"];

    $('a[data-href=".+scatid+"]').addClass("green");

如果我在60处替换变量它不起作用,那么正确的格式是什么。

3 个答案:

答案 0 :(得分:1)

由于属性值中有一个特殊字符,您需要将其括在""

var variable = '.60';
$('a[data-href="' + variable + '"]').addClass("green");

演示:Fiddle

答案 1 :(得分:0)

$('a[data-href=".'+scatid'+"]').addClass("green");

答案 2 :(得分:0)

$('a').each(function(){
    if($(this).data('href') == '.60'){
        $(this).addClass('green');
    }
});

 $('a').each(function(){
    if($(this).data('href') == '.' + scatid){
        $(this).addClass('green');
    }
 });