HTML + JQUERY <tags>移動

Question

我正在使用其他人開發的代碼。 這是一個使用PHP，HTML和JQUERY（帶woocomerce的wordpress）開發的網站。

我需要插入一些標籤，它已經完成。 問題是（我認爲）被移動了。 當我點擊「查看源代碼」，我得到：

<script type="text/javascript"> 
    jQuery(function() { 
     jQuery("#tabs").tabs(); 
    }); 

</script> 
<table class="variations-table" cellspacing="0"> 
<tbody> 
    <div id="tabs"> 
     <ul> 
     <li style="background:none;"><a href="#Americana">Americana</a></li> 
     <li style="background:none;"><a href="#Chaleco">Chaleco</a></li> 
     <li style="background:none;"><a href="#Pantalones">Pantalones</a></li> 
     </ul> 
     <table> 
     <tbody> 
      <div id="Americana"> 
       <tr> 
        <td class="label cabecera tejido" > 
        <label for="tejido" style="display:none"></label> 
        <p class="tejido-leo-black etiqueta etiqueta-1" >Tejido</p> 
        <input type="hidden" value="Leo Black" id="tejido" name="attribute_tejido" class="shopping"> 
        <p class="seleccion select-1 select-tejido">Leo Black</p> 
        <div class="personalizar desplegable-1 abrir-1" >Personalizar</div> 
        </td> 
       </tr> 
      </div> 
      <div id="Chaleco"> 
       <tr> 
        <td class="label cabecera tejido" > 
        <label for="tejido" style="display:none"></label> 
        <p class="tejido-leo-black etiqueta etiqueta-1" >Chaleco bolsillo</p> 
        <input type="hidden" value="Leo Black" id="tejido" name="attribute_tejido" class="shopping"> 
        <p class="seleccion select-1 select-tejido">1 bolsillo</p> 
        <div class="personalizar desplegable-1 abrir-1" >Personalizar</div> 
        </td> 
       </tr> 
      </div> 
      <div id="Pantalones"> 
       <tr> 
        <td class="label cabecera tejido" > 
        <label for="tejido" style="display:none"></label> 
        <p class="tejido-leo-black etiqueta etiqueta-1" >Chaleco bolsillo</p> 
        <input type="hidden" value="Leo Black" id="tejido" name="attribute_tejido"    
         class="shopping"> 
        <p class="seleccion select-1 select-tejido">1 bolsillo</p> 
        <div class="personalizar desplegable-1 abrir-1" >Personalizar</div> 
        </td> 
       </tr> 
      </div> 
     </tbody> 
     </table> 
    </div> 

但是，當我在「檢查元素」（火狐瀏覽器）的標籤div的點擊被移出標籤表：

'<div id="tabs"> 
     <ul> 
      <li style="background:none;"><a href="#Americana">Americana</a></li> 
      <li style="background:none;"><a href="#Chaleco">Chaleco</a></li> 
      <li style="background:none;"><a href="#Pantalones">Pantalones</a></li> 
     </ul> 
     <table> 
     <tbody> 
      <div id="Americana"> 
      </div> 
    </div> 
    <table class="variations-table" cellspacing="0"> 
    <tbody> 
    <tr> 
    <td class="label cabecera tejido" > 
    <label for="tejido" style="display:none"></label> 
    <p class="tejido-leo-black etiqueta etiqueta-1" >Tejido</p> 
    <input type="hidden" value="Leo Black" id="tejido" name="attribute_tejido" class="shopping"> 
    <p class="seleccion select-1 select-tejido">Leo Black</p> 
    <div class="personalizar desplegable-1 abrir-1" >Personalizar</div> 
    </td> 
    </tr> 
    </div> 
    <div id="Chaleco"> 
    <tr> 
    <td class="label cabecera tejido" > 
    <label for="tejido" style="display:none"></label> 
    <p class="tejido-leo-black etiqueta etiqueta-1" >Chaleco bolsillo</p> 
    <input type="hidden" value="Leo Black" id="tejido" name="attribute_tejido" class="shopping"> 
    <p class="seleccion select-1 select-tejido">1 bolsillo</p> 
    <div class="personalizar desplegable-1 abrir-1" >Personalizar</div> 
    </td> 
    </tr> 
    </div> 
    <div id="Pantalones"> 
    <tr> 
    <td class="label cabecera tejido" > 
    <label for="tejido" style="display:none"></label> 
    <p class="tejido-leo-black etiqueta etiqueta-1" >Chaleco bolsillo</p> 
    <input type="hidden" value="Leo Black" id="tejido" name="attribute_tejido" class="shopping"> 
    <p class="seleccion select-1 select-tejido">1 bolsillo</p> 
    <div class="personalizar desplegable-1 abrir-1" >Personalizar</div> 
    </td> 
    </tr> 
    </div> 
    </tbody> 
    </table> 
    </div>' 

我不知道這是否正常。

任何幫助欣賞。

在此先感謝。

Answer 1

您在這裏有一個問題：

<tbody> 
    <div id="tabs"> 
     <ul> 

你不能只是拋出一個div一個<tbody>中，創建一個單元格（最好在一排），然後加入。

<tbody> 
    <tr> 
     <td> 
     <div id="tabs"> 
      <ul> 
     ... 
     </td> 
    </tr> 
</tbody>