【问题标题】:add a class to element with specific data-filter attribute?向具有特定数据过滤器属性的元素添加一个类?
【发布时间】:2014-05-07 04:17:16
【问题描述】:

对于这个 WordPress 项目,我需要一些 jQuery hack。它使用数据过滤器生成链接,但没有唯一 ID 或任何东西。

<a data-filter=".term73" href="#">

我想手动告诉 .term73 在页面加载时让类“活动”。我以前使用过 addClass() 函数,但似乎无法通过数据过滤器(而不是 ID)找到如何对元素执行此操作。想法?

【问题讨论】:

    标签: jquery wordpress


    【解决方案1】:

    像这样?

    $('a[data-filter=".term73"]').addClass('active');
    

    甚至

    $('a[data-filter=".term73"][href="#"]').addClass('active');
    

    只是指出如何定位属性。

    虽然我在做,但可能会很好地了解一个替代方案,但对于这种情况来说过于矫枉过正:

    $('a[href="#"]').filter(function(){
        return $(this).data('filter') === '.term73';
    }).addClass('active');
    

    【讨论】:

    • 谢谢!我确信这可行,但由于某种原因,WP 表现不佳。即使我在标题中看到 jQuery 加载,我也得到“$ 不是函数”...
    • 尝试使用 jQuery('a[data-filter ... 因为他们可能不允许 $ 作为别名。
    • 完美!大声笑......现在的问题是它的样式应该像它应该的那样,类明智的,但它并没有激活实际上将它踢过来以通过该选择进行过滤的脚本。哎哟。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-03
    • 2016-03-09
    • 1970-01-01
    相关资源
    最近更新 更多