如何使用jquery更改html标签的顺序

Question

我想通过使用jquery做下面的步骤.有谁知道很好的解决方案？

1. 获取"ul"元素的DOM对象.

   <ul id="rows">
       <li class="row1">
           <a class="row1-1" href="/kensaku2/Page1" title="page1">
           2011/11/16</a>
       </li>
       <li class="row2">
           <a class="row1-2" href="/kensaku2/Page2" title="page2">
           2011/11/15</a>
       </li>
       <li class="row3">
           <a class="row1-3" href="/kensaku2/Page3" title="page3">
           2011/12/21</a>
       </li>
       <li class="row4">
           <a class="row1-4" href="/kensaku2/Page4" title="page4">
           2011/12/05</a>
       </li>
   </ul>
   

2. 找到"a"元素的内容等于'2011/12/21'.(这是"row3"li元素.)

3. 将"li"元素移动到头部.(另见波纹管代码.)

   <ul id="rows">
       <li class="row3">
           <a class="row1-3" href="/kensaku2/Page3" title="page3">
           2011/12/21</a>
       </li>
   
       <li class="row1">
           <a class="row1-1" href="/kensaku2/Page1" title="page1">
           2011/11/16</a>
       </li>
       <li class="row2">
           <a class="row1-2" href="/kensaku2/Page2" title="page2">
           2011/11/15</a>
       </li>
       <li class="row4">
           <a class="row1-4" href="/kensaku2/Page4" title="page4">
           2011/12/05</a>
       </li>
   </ul>
   

我已经知道如何获得像这样的"ul"元素的DOM对象.

    $("#rows").get(0)

但我不知道第2步和第3步.所以,我想问专家.

Answer 1

这将选择a文本为"2011/12/21" 的元素,并将父项li作为第一个子项移动:

$('#rows a:contains("2011/12/21")').parent().prependTo('#rows');

演示