将当前url作为变量传递给jquery

如果这个问题已经得到回答，很抱歉，但我找不到它。

我试图在一堆链接中选择具有当前url的链接作为href，并展开它的父级。

Html:

<ul class ='product-categories'>
     <li><a href ='http://example.com/link1'>Link 1</a>
           <ul>
                 <li><a href ='http://example.com/link/sub-link1'>Sub link 1</a></li>
                 <li><a href ='http://example.com/link/sub-link2'>Sub link 2</a></li>
                 <li><a href ='http://example.com/link/sub-link3'>Sub link 3</a></li>
           </ul>
     </li>
     <li><a href ='http://example.com/link2'>Link 2</a></li>
     <li><a href ='http://example.com/link3'>Link 3</a></li>
     <li><a href ='http://example.com/link4'>Link 4</a></li>
</ul>

Jquery：

var url = document.URL;
$('a[ href = url ]').parentsUntil('ul.product_categories').slideToggle('fast');

出于某种原因，如果我直接将url粘贴到函数中，但不使用变量，这会起作用吗？我尝试使用window.location.href，结果相同。还提醒了url的内容，这很好。

将它连接到函数中会得到相同的结果。

不起作用：

$('a[href= " + url + "]').parentsUntil('ul.product_categories').slideToggle('fast');

如果我把url直接粘贴到函数中，它就可以了

$('a[href= "http://example.com/product-category/bamboo-cutting-board/round-cutting-board/"]').parentsUntil('ul.product_categories').slideToggle('fast');