使用 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();

使用 jQuery 删除某些字段

Remove certain fields using jQuery

javascript

xhtml

jquery