Я хотел бы сделать следующий шаг, используя jquery. Кто-нибудь знает отличное решение?
-
Получить объект DOM элемента "ul".
<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>
-
Найдите элемент "li", у которого есть элемент "a", равный '2011/12/21'. (Это элемент "row3" li.)
-
Переместите элемент "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>
Я уже знаю, как получить объект DOM элемента "ul", как это.
$("#rows").get(0)
Но я не знаю, шаги 2 и 3. Поэтому я хотел бы спросить экспертов.