jquery - 如何使用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”的“li”元素。 (这是“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

这将选择文本为“2011/12/21”的 a 元素，并将父级 li 移动为第一个子级:

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

Demo