通过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> 元素的文本内容相比，这应该可以满足您的需求。