首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery未从多个tbody中移除选定的tbody

使用jquery未从多个tbody中移除选定的tbody
EN

Stack Overflow用户
提问于 2019-09-20 04:33:27
回答 2查看 101关注 0票数 2

我知道这是一个非常简单的查询,但我花了一整天的时间让它工作,但没有运气。我正在尝试删除任何带有ID的tbody,但它不是通过我在网上找到的任何方法删除的。我在这里做什么错事?

代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    $('#btn').click(function() {
      alert('clicked');
      //    $('#td1').html('');
      //   $('#td1').remove();
      $('#td1').empty();
      //   $('#td1').css('display', 'none');
    });
  });
</script>
<p>(tbody have dummy content for testing. please ignore.)</p>
<table>
  <tbody id="td1">
    qqqqqqqqqqqqqqqq
  </tbody>
  <tbody id="td2">
    wwwwwwwwwwwwww
  </tbody>
  <tbody id="td3">
    eeeeeeeeeeeeeee
  </tbody>
</table>
<input type="button" name="complete" value="click" id="btn" />

我得到这个布局从CMS,我想删除选定的"tbody“。

EN

Stack Overflow用户

发布于 2019-09-20 05:06:37

使用display属性隐藏。

代码语言:javascript
运行
复制
$(document).ready(function() {
  $('#btn').click(function() {
    $('#td1').css('display','none');
  });
});
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<p>(tbody have dummy content for testing. please ignore.)</p>
<table>
  <tbody id="td1">
    <tr>
      <td>qqqqqqqqqqqqqqqq</td>
    </tr>
  </tbody>
  <tbody id="td2">
    <tr>
      <td>wwwwwwwwwwwwww</td>
    </tr>
  </tbody>
  <tbody id="td3">
    <tr>
      <td>eeeeeeeeeeeeeee</td>
    </tr>
  </tbody>
</table>
<input type="button" name="complete" value="click" id="btn" />

票数 2
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58021819

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档