首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JQuery删除id为偶数的td

JQuery删除id为偶数的td
EN

Stack Overflow用户
提问于 2017-01-13 17:18:16
回答 1查看 52关注 0票数 0

我有一个包含计数行id的表,如下所示:

代码语言:javascript
复制
<td class="text-center manage" id="sw-1" rowspan="2" width="20%">
<td class="text-center manage" id="sw-2" rowspan="2" width="20%">
<td class="text-center manage" id="sw-3" rowspan="2" width="20%">
<td class="text-center manage" id="sw-4" rowspan="2" width="20%">
<td class="text-center manage" id="sw-5" rowspan="2" width="20%">
<td class="text-center manage" id="sw-6" rowspan="2" width="20%">
<td class="text-center manage" id="sw-7" rowspan="2" width="20%">
<td class="text-center manage" id="sw-8" rowspan="2" width="20%">

出于某些原因,我想玩一些‘泥土’工作,以使用jquery删除这些id包含偶数的td,理想的输出是:

代码语言:javascript
复制
<td class="text-center manage" id="sw-1" rowspan="2" width="20%">
<td class="text-center manage" id="sw-3" rowspan="2" width="20%">
<td class="text-center manage" id="sw-5" rowspan="2" width="20%">
<td class="text-center manage" id="sw-7" rowspan="2" width="20%">

我试过了:

代码语言:javascript
复制
$('table td[id*="sw-"]').not(':even').remove();

但是没有得到我想要的结果。

请给我建议。

EN

回答 1

Stack Overflow用户

发布于 2017-01-13 18:11:01

代码语言:javascript
复制
<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
           var i=$('table td');
           console.log(i);
           	$.each(i,function(k,v){
             	var id=v.id.split('-');
                 if(id[1]%2 == 0){
                     $('#sw-'+id[1]).remove();
                 }
             });
         });
      </script>
   </head>
   <body>
      <table>
         <tr>
            <td class="text-center manage" id="sw-1" width="20%">1</td>
         </tr>
         <tr>
            <td class="text-center manage" id="sw-2"  width="20%">2</td>
         </tr>
         <tr>
            <td class="text-center manage" id="sw-3"  width="20%">3</td>
         </tr>
      </table>
   </body>
</html>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41631079

复制
相关文章

相似问题

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