JS滚动链接-使用linkify-如何定位特定类？答案

【问题标题】：JS rolling link - using linkify - how to target a specific class?JS滚动链接-使用linkify-如何定位特定类？
【发布时间】：2013-10-21 11:51:35
【问题描述】：

我在我的网站上使用此代码http://jsfiddle.net/hakim/Ht6Ym/

var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
                            document.body.style['MozPerspective'] !== undefined;

function linkify( selector ) {
  if( supports3DTransforms ) {

    var nodes = document.querySelectorAll( selector );

    for( var i = 0, len = nodes.length; i < len; i++ ) {
        var node = nodes[i];

        if( !node.className || !node.className.match( /roll/g ) ) {
            node.className += ' roll';
            node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>';
        }
    };
  }
}

linkify( 'a' );

我不太擅长 JS（相当新），但最后它针对所有标签：

linkify( 'a' );

但是，这会更改所有指向此翻转效果的链接。无论如何我可以定位一个特定的类 - 让我们称之为 .rolling - 这样只有标题受到影响，而不是其他链接？

【问题讨论】：

标签： javascript jquery linkify

【解决方案1】：

你可以这样做

linkify( 'h1 a' );

DEMO

如果你想按班级选择，你可以使用.selector

linkify('a.myClass');

DEMO

【讨论】：