將javascript變量與href的一部分進行比較

Question

我需要將var foo = 'whatever'與THIS進行比較：

<ul id="nav_main"><li><a href="index.php?pag=THIS">link</a></li></ul>

然后，將class="current"放入匹配的<li> 。

Answer 1

var foo = 'whatever';
$("#nav_main li a").filter(function(index){
    return foo === this.href.match(/pag=(.*)/)[1];
}).parent().addClass("current");

那行得通嗎？

演示： http ： //jsfiddle.net/rREry/1

Answer 2

var foo = 'THIS';
$('a[href*="'+foo+'"]', '#nav_main').closest('li').addClass('current');

這將搜索具有包含字符串的href屬性的<a>標簽，並將該類添加到包含<li>標簽中。

Answer 3

$('#nav_main li').each(function() {  // loop through each <li>
    if ($(this).find('a').attr('href') == foo) {   // check against your var (not sure what exactly you wanted to check)
        $(this).addClass('current');       // add the "current" class if it matches
    }
});

Answer 4

if (foo == "<ul id="nav_main"><li><a href="index.php?pag=THIS">link</a></li></ul>"){
  foo.addClass("current")
}