Question

如何通过jQuery创建（表）和（td），并在span之间创建（td）

如果是html

<table border='1' >
<tr>
<td class='ABC'>
  <b>avc</b>
  <span>
   <a href="http//gabc.com">ABC</a>
  </span>
   <span>
   <b>avc</b>
   <a href="http//gabc.com">ABC</a>
  </span>
  </br>
  <b>avc</b>
  <span>
   <a href="http//gabc.com">ABC</a>

  </span>
   <span>
   <b>avc</b>
   <a href="http//gabc.com">ABC</a>
  </span>
  </br>
    <b>avc</b>
  <span>
   <a href="http//gabc.com">ABC</a>

  </span>
   <span>
   <b>avc</b>
   <a href="http//gabc.com">ABC</a>
  </span>
  </br>

</td>
</tr>
</table>

我想这样：在（span）和（b）之间

<table border='1' >
<tr>
 <td class='ABC'>


      <b>avc</b>
      <span>
       <a href="http//gabc.com">ABC</a>
      </span>


     <td>
       <span>
       <b>avc</b>
       <a href="http//gabc.com">ABC</a>
      </span>
      </td>
      </br>

       <tr>
          <td>
      <b>avc</b>
      <span>
       <a href="http//gabc.com">ABC</a>
      </span>
     </td>

     <td>
       <span>
       <b>avc</b>
       <a href="http//gabc.com">ABC</a>
      </span>
      </td>
      </br>

      </tr>

      <tr>

          <td>
      <b>avc</b>
      <span>
       <a href="http//gabc.com">ABC</a>
      </span>
     </td>

     <td>
       <span>
       <b>avc</b>
       <a href="http//gabc.com">ABC</a>
      </span>
      </td>
      </br>
     </tr>

</td>
</tr>
</table>

我如何使用jQuery做到这一点？

我使用这个jQuery：

$(function(){
$(".ABC span").wrapall("<table border='1'></table>");
$(".ABC span").wrap("<td></td>");


});

但是收到错误。

如何使用jQuery创建（表）和（td）？

在span

之间创建（td）

谢谢^ _ ^

Answer 1

呼叫.wrapAll

时的小型

$(function(){
   $(".ABC span").wrapAll("<table border='1'></table>");
   $(".ABC span").wrap("<td></td>");
});

https://jsfiddle.net/HappyiPhone/p3adf81t/

如何通过jQuery在span中创建（表）和换行（td）？

1 个答案: