Question

我有一个无序列表，如

<ul class="outer">
    <li class="item">
      <div class="image"> ... </div>
      <div class="content"> ... </div>
   </li>

   <li class="item">
     <div class="image"> ... </div>
     <div class="content"> ... </div>
   </li>
   .
   .
   .
   .
</ul>

我需要替换li＆amp; ul使用div使用jquery，这就像

<div class="outer">
    <div class="item">
      <div class="image"> ... </div>
      <div class="content"> ... </div>
   </div>

   <div class="item">
     <div class="image"> ... </div>
     <div class="content"> ... </div>
   </div>
   .
   .
   .
   .
</div>

尝试但是作为新的我不知道

这是我的小提琴 http://jsfiddle.net/3G7xy/1/

Answer 1

我认为最好使用wrap / unwrap而不是replace（）

$('.mylist ul').wrap('<div class="outer"/>').contents().unwrap();
$('.mylist li').wrap('<div class="item"/>').contents().unwrap();

演示：Fiddle

用div替换li并使用jquery删除ul

1 个答案: