使用 jQuery 删除某些字段

Question

所以我有一个盒子小部件和一个包含许多字段的可折叠小部件选项卡。如何摆脱第一个字段以及其他 n 字段，可能是字段 4 或 9 或第 7 个字段？

<div class = "widgetPanel containerWidgetPanel foldableBox">
    <div class="boxBody">
        <table class="widgetTable containerWidgetTable">
            <tbody>
               <tr>
                  <td class="boldColumn containerLabel">
                  <td class="fieldColumn containerField">
               </tr>
               <tr>
                  <td class="boldColumn containerLabel">
                  <td class="fieldColumn containerField">
               </tr>
               <tr>
                  <td class="boldColumn containerLabel">
                  <td class="fieldColumn containerField">
               </tr>
               .....
           </tbody>
        </table>
    </div>
</div>

这就是我到目前为止所拥有的...仅适用于第一个字段...

<script type="text/javascript">
     jQuery(document).ready(function() {
          jQuery( "tr td" ).first().remove();
     });
</script>

任何帮助都会得到赞赏！谢谢！

Answer 1

使用 .eq() - 例如删除第 4 个td：

jQuery(document).ready(function() {
     jQuery( "tr td" ).eq(3).remove();
});

如果要删除第一行中的两个td，请使用以下命令：

jQuery("tr").eq(1).find("td").remove();