jquery - 通过href加载不同的jQuery代码？

Question

我有一个像这样的菜单：

<a href="http://www.something.it/project/">TYPE 1</a>
<a href="http://www.something.it/project/">TYPE 2</a>
...

我需要在加载项目页面时加载这个 jQuery：

$('ul#filters li').each(function() {
    if(!$(this).hasClass('TYPE N')) {
    $(this).fadeOut('normal').addClass('hidden');
} else {
    $(this).fadeIn('slow').removeClass('hidden');
    }});

href 必须通过 TYPE。如果我单击“Type 1”的链接，在项目页面加载后我需要加载：

$('ul#filters li').each(function() {
    if(!$(this).hasClass('Type 1')) {
    $(this).fadeOut('normal').addClass('hidden');
} else {
    $(this).fadeIn('slow').removeClass('hidden');
    }});

我怎样才能做到这一点？

谢谢，

Answer 1

替换您的以下行：

if(!$(this).hasClass('TYPE 1')) {

对于这个：

if( $(this).find('a').text() != 'TYPE 1') {

与元素的文本内容进行比较，这应该可以满足您的要求<a>。