如何找到关于href的锚标记

Question

我已经通过路径名

了

var pathname = window.location.pathname;

现在我有多个标签

<ul>
<li><a href="/1">1</a>
<li><a href="/12">12</a>
<li><a href="/13">13</a>
<li><a href="/14">14</a>
</ul>

现在，我想找到<a>与我提取的pathname

我试过这个

$("ul").find(pathname+" a").parent().css('background-color", "red");

我在控制台中遇到了无效属性/ 1的错误，就像那样。谁能帮我吗 ？

Answer 1

你可以尝试这样的事， 因此，如果您将使用正确的选择器并检查它是否包含当前路径字符串。希望这有帮助。

am_user

Jquery Docs

Answer 2

$("ul").find('a href=["'+pathname+'"]').parent().css("background-color", "red");

Answer 3

使用each循环：

var pathname = window.location.pathname;
$("ul li a").each(function(){

   if($(this).attr('href') == pathname ){
      $(this).css('background-color", "red");
   }

})

Answer 4

试试这个

<强> HTML

<ul>
 <li><a href="/1">1</a>
 <li><a href="/12">12</a>
 <li><a href="/13">13</a>
 <li><a href="/14">14</a>
</ul>

<强> JQuery的

var pathname = "/13";
$("ul").find("a[href='"+pathname+"']").closest("li").css("background-color", "red");

演示 https://jsfiddle.net/ipsjolly/stdqgjcx/4/