隐藏不包含我的关键字的链接(区分大小写)

时间:2011-03-08 06:32:22

标签: javascript jquery

我正在使用此购物车脚本将链接发送到我自己的网站。意思是我无法控制HTML。

链接看起来像这样:

<a href="something.com">Yamaha 800cc motorbike</a>
<a href="something.com">800cc Kawasaki</a>
<a href="something.com">Motorbike 1000cc Honda</a>

还有一些变化,其中锚文本Casing也不同。

即:

<a href="something.com">YAMAHA 800cc motorbike</a>
<a href="something.com">yamaha 1000cc motorbike</a>

我的目标:

隐藏锚文本中没有Yamaha,yamaha或YAMAHA的所有链接。 (所有文本框)

仅限雅马哈摩托车。

任何人都知道怎么做?

谢谢和最诚挚的问候,

Chakhun

3 个答案:

答案 0 :(得分:3)

看起来像:

$('a').each(function(_, elem) {
    var $elem = $(elem);
    if( !/yamaha/i.test( $elem.text() ) )
        $elem.hide();
});

演示http://jsfiddle.net/r4Yeh/2

答案 1 :(得分:3)

$('a').filter(function() {
   return ! $(this).text().match(/Yamaha/i);  
}).hide();

jsFiddle

答案 2 :(得分:0)

利用:contains() Selector

<script>
$("a:contains('YAMAHA')").css("display", "inline");
    </script>

有关此内容的更多详情:Is there a case insensitive jQuery :contains selector?

相关问题