2013-10-21 31 views
0

我使用这个代码在我的网站http://jsfiddle.net/hakim/Ht6Ym/JS滚动链接 - 使用linkify - 如何定位特定的类?

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(相当新)非常好,但在最后它面向所有<“A”>标签:

linkify('a'); 

但是,这正在改变所有链接到这个翻转效果。无论如何,我可以瞄准一个特定的类 - 让我们调用它。滚动 - 这样只有头受到影响,而不是其他的链接?

回答

2

你可以做到这一点

linkify('h1 a'); 

DEMO

,如果你想通过类来选择,你可以使用.选择

linkify('a.myClass'); 

DEMO