在表

Question

我想在表格中添加某种分隔符，以便将样式应用于表格的特定部分。该表分为六列，分别是两组主题，输入框和标记。

当我添加标签时，它们会在渲染html时被抛到顶部（检查jsfiddle上的元素）。我可以添加某种分隔符（div，span或其他东西），这样每组三个只有一个主题，一个输入框和一个标记。

我需要这个，因为当我使用jQuery向标记添加复选标记或x时，它会以相同的方式渗出并在同一行中设置另一个标记的样式。希望让他们独立。

https://jsfiddle.net/sLy9d67r/

    <div class="conjugate-input-container ">
      <table class="table table-striped conjugate-input">
        <tbody>
          <tr>
           <div>
            <td class="subject">je</td>
            <td class="conj-input"><input type="text" id="conj1sg" autocomplete="off" spellcheck="false" tabindex="-1" ></td>
            <td class="marker"><i class="fa "></i></td>
           </div>
           <div>
            <td class="subject">nous</td>
            <td class="conj-input"><input type="text" id="conj1pl" autocomplete="off" spellcheck="false" tabindex="4" ></td>
            <td class="marker"><i class="fa "></i></td>
           </div>
          </tr>
          <tr>
           <div>
            <td class="subject">tu</td>
            <td class="conj-input"><input type="text" id="conj2sg" autocomplete="off" spellcheck="false" tabindex="2" ></td> 
            <td class="marker"><i class="fa "></i></td>
           </div>
           <div>
            <td class="subject">vous </td>
            <td class="conj-input"><input type="text" id="conj2pl" autocomplete="off" spellcheck="false" tabindex="5" ></td>     
            <td class="marker"><i class="fa "></i></td>
           </div>
          </tr>
          <tr>
           <div>
            <td class="subject">il</td>
            <td class="conj-input"><input type="text" id="conj3sg" autocomplete="off" spellcheck="false" tabindex="3" ></td>     
            <td class="marker"><i class="fa "></i></td>
           </div>
           <div>
            <td class="subject">ils</td>
            <td class="conj-input"><input type="text" id="conj3pl" autocomplete="off" spellcheck="false" tabindex="6" ></td>     
            <td class="marker"><i class="fa "></i></td>
           </div>
          </tr>
         </tbody>
       </table>
    </div>

Answer 1

在表格中，您只能在td中插入其他元素（例如，span div）。两个tr（s）或两个td（s）之间不允许Div。