jQuery - 如果 URL 与 href 匹配，则将 LI 移至 UL 顶部？

Question

一直试图让它工作但不成功。任何帮助将不胜感激。

搜索 UL，如果有任何 href 等于当前 URL，则将其列表项移动到 UL 列表堆栈的顶部。

var url = window.location.toString();

$('#partnerCharities li.panel h1 a').each(function(){
   var myHref= $(this).attr('href');
   if( url.match( myHref)) {
        $(this).parent().parent().parent().before("#slider1 li:first");
   }
});

这是一个动态创建的列表(图片库)，所以不确定这是否就是 jQuery 不起作用的原因？这是您在 Firebug 中看到的粗略布局...

<ul id="slider">
 <li class="panel cloned"></li>
 <li class="panel">
  <article>
   <h1><a href="site.com">Example</a></h1>
  </article>
 </li>
 <li class="panel cloned"></li>
</ul>

Answer 1

您的代码有几个错误，请看一下我制作的一个工作示例。

JSFiddle

html:

<ul id="slider">
 <li class="panel cloned">test1</li>
 <li class="panel">
  <article>
   <h1><a href="site.com">This should come out on top.</a></h1>
  </article>
 </li>
 <li class="panel cloned">test2</li>
</ul>

js:

var url = "site.com"; //or window.location.toString();

$('#slider li.panel h1 a').each(function(){
   var myHref= $(this).attr('href');
   if( url == myHref) {
        $(this).closest("li").prependTo("#slider");
   }
});