如何使用 jquery 识别具有 data-href 属性的锚标记

Posted 2023-05-09

【中文标题】如何使用 jquery 识别具有 data-href 属性的锚标记

【英文标题】：How to identify the anchor tag with data-href attribute using jquery

【发布时间】：2013-12-29 04:46:27

【问题描述】：

我有一系列锚标签如下

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

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

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

建议更正一个

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

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

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

【参考方案1】：

由于属性值中有特殊字符，需要将其括在""like中

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

演示：Fiddle

【讨论】：

谢谢，但我必须使用 60 的变量，我该如何使用它，

@SekharBabu 在 60 或 .60

【参考方案2】：

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

【参考方案3】：

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

或

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