jquary根据td中按钮的元素属性删除tr行(删选出想删除的行)

最新推荐文章于 2023-01-05 17:01:25 发布
最新推荐文章于 2023-01-05 17:01:25 发布
阅读量6.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ruoyuanyi/article/details/37693717
版权


删除没有蓝色按钮的行。

<html>

<tr>
                                <td>凉山彝族自治州分行</td>
                                <td>管理网</td>
                                <td>离行式ATM</td>
                                <td class="text-center">MSTP</td>
<td>西昌市西客站航天阳光</td>
                                <td class="text-center">建设中</td>
                                <td class="text-center">
<a title="详情" class="btn medium ui-state-default small" href="http://118.112.186.175:2222/super/index.php?c=my_network&amp;m=detail_page&amp;line_id=912">
<span class="button-content"><i class="glyph-icon icon-search-plus float-left"></i>详情&nbsp;</span>
                                    </a>
                                    <span class="btn medium ui-state-default">铺设线路中</span>&nbsp;<a class="btn medium bg-yellow" href="http://118.112.186.175:2222/super/index.php?c=my_network&amp;m=revocation_operate&amp;line_id=912"><span class="button-content">终止操作</span></a> 
                                </td>
                            </tr>

<tr>
                                <td>宜宾市分行</td>
                                <td>管理网</td>
                                <td>离行式ATM</td>
                                <td class="text-center">MSTP</td>
<td>四川省宜宾市南溪区古街</td>
                                <td class="text-center">建设中</td>
                                <td class="text-center">
<a title="详情" class="btn medium ui-state-default small" href="http://localhost/super/index.php?c=my_network&amp;m=detail_page&amp;line_id=896">
<span class="button-content"><i class="glyph-icon icon-search-plus float-left"></i>详情&nbsp;</span>
                                    </a>
                                    <a class="btn medium primary-bg" href="http://localhost/super/index.php?c=my_network&amp;m=line_verify_next&amp;line_id=896"><span class="button-content">网络验证完成</span></a>&nbsp;<a class="btn medium bg-yellow" href="http://localhost/super/index.php?c=my_network&amp;m=revocation_operate&amp;line_id=896"><span class="button-content">终止操作</span></a> 
                                </td>
                            </tr>

jquary

<script>
$(document).ready(function(){
$(".table tr").each(function(){
if(!$("a",this).hasClass("primary-bg")){
    $(this).hide();
   }
  });
});
</script>

绮羅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery入门1：JQuery对象和JQuery选择器
卓汶的博客
04-14 579
1、jQuery 介绍 什么是 jQuery ? jQuery，顾名思义，也就是 JavaScript 和查询（Query），它就是辅助 JavaScript 开发的 js 类库。 jQuery 核心思想！！！ 它的核心思想是 write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。 jQuery 流行程度 jQuery 现在已经成为最流行的 JavaScript 库，在世界前 10000 个访问最多的网站中，有超过 55%在使用 jQuery。 jQuery 好处！！
用Table-Selector选出表单数据
goforu的专栏
06-21 1050
介绍Table-Selector是一款简单的jQuery插件，它可让表单变为可选，并展示出已选项。
jQuery实现html table行Tr的复制、删除、计算功能
10-19
主要介绍了jQuery实现html table行Tr的复制、删除、计算功能,涉及jQuery针对table表格的常见复制、添加、删除与计算行数等简单操作技巧,需要的朋友可以参考下
oracle 删除 tr,table-td中的删除按钮控制删除一行tr
weixin_39982580的博客
04-06 150
var tr = "";tr += data.idtr += "";tr += data.title;tr += "";tr += data.indate;tr += "";tr += "删除";parent.layui.$("#data1Table").append(tr);function deleteTr(obj,id){layer.confirm('确定要删除吗?', function(i...
jquery删除表格行
layhaokeai的专栏
12-26 634
首先创建表格                                              渠道名称                         基础渠道费                         其他费                         总金额                                       动态添加表
js将追加的某行tr删除
IT_xiaocao的博客
01-07 851
Html代码： table id="show1" style=" width: 151px;height: 63px;border: 2px;">      表名 --> table> Js代码：知识涉及复选框的选中后放在数组中      和        对追加的行进行单行删除 script type="text/javascript"> $(document).ready(func
js删除table某tr中遇到的坑
soulgazer的博客
06-12 864
在某次执行动态加载数据到某table中时，由于想保留第一行的信息栏，像这样 描述 当前记录 更新时间
js删除tr一行的解决方案
Mallie123的博客
11-16 2693
var number = 0; //新增一行 function getNewRowStr(){ number++; var str = ''; str = ""   + ""        + ""   + "请选择${pcbmxs}"  + "" + "请选择${fsbmxs}"  + ""   + "请选择" + "遵医嘱" + "口服" + "按说明
Jquery测试题.pdf
10-09
- jQuery选择器`$("tr:eq(1)")`应该选取`<tr>`元素集合中的第二个元素，因此在选项A中正确选出了`<tr><td>Value1</td></tr>`元素。 通过这些测试题目，可以对jQuery选择器的使用有一个深入的认识，并且掌握选择器与...
flask与jquery架构下的运维平台
soga_ht的博客
03-05 470
公司目前的运维平台是使用flask+JQuery来实现的。都0202年了，准备进行一波架构更新，初步决定将前后端进行分离。 虽然对于运维平台来说功能能用就行，老的性能也不存在并发的问题；但技术总是在发展，无论对于个人还是公司来说都需要紧跟技术发展趋势。最终后台的框架会在python fastapi与go gin框架中选出，目前还在研究中。准备先对老的系统进行一下总结。 整个项目功能如xmind...
JavaWeb
m0_46912584的博客
11-11 830
文章目录一、HTML标签1、font字体标签2、特殊字符3、超链接标签4、img标签5、表格标签5.1跨行跨列表格6、iframe框架标签7、form表单标签8、其他标签二、CSS技术三、JavaScript1、数组2、函数3、自定义对象4、JS中的事件5、DOM模型5.1、Document 对象的理解5.2、Document对象中的方法介绍**getElementById方法****getElementsByName方法****getElementsByTagName方法**createElement方法
JavaScript table动态删除tr
qq_43137834的博客
01-05 1100
【代码】JavaScript table动态删除tr。
50行的python代码_50行Python代码获取高考志愿信息的实现方法
weixin_39626089的博客
11-20 292
最近遇到个任务，需要将高考志愿信息保存成Excel表格，BOSS丢给我一个网址表格之后就让我自己干了。虽然我以前也学习过Python编写爬虫的知识，不过时间长了忘了，于是摸索了一天之后终于完成了任务。不得不说，Python干这个还是挺容易的，最后写完一看代码，只用了50行就完成了任务。准备工作首先明确一下任务。首先我们要从网址表格中读取到一大串网址，然后访问每个网址，获取到页面上的学校信息，然后将...
html快捷添加10行tr,JS实现添加和删除TR行（一）
weixin_36473855的博客
06-05 1335
经过在网上的查找，终于弄好了JS添加和删除TR的效果。JS代码如下：添加tr的JS代码function addRemark(){//table_name 是table的idvar tr = document.getElementById("table_name").insertRow();//添加一个tdvar td1 = tr.insertCell();td1.width="75px";//设置...
如何将tbody中指定id的tr移除
weixin_30820151的博客
07-16 1131
如下这个table的主体tbody以及js代码： <tbody id="mainbody"> 　　 <tr id="delCell"> 　　　　<td>name</td> 　　　　<td>address</td> 　　 </tr></tbody> <scri...
JS中根据id删除一行数据
热门推荐
你只管努力，
11-13 1万+
function del(tableID, obj) {    var rowIndex = obj.parentElement.parentElement.rowIndex;    obj.parentElement.parentElement.parentElement.deleteRow(rowIndex);  } 从申请中剔除
写jquery动态每行3个元素带删除按钮
最新发布
04-03
以下是使用jQuery动态创建每行3个元素，并在每个元素上添加删除按钮的示例代码： HTML代码： ``` <div id="container"></div> ``` JavaScript代码： ```javascript // 定义一个数组，用于存储元素数据 var data = [ '元素1', '元素2', '元素3', '元素4', '元素5', '元素6', '元素7', '元素8', '元素9', ]; // 获取容器元素 var $container = $('#container'); // 遍历数据数组，创建元素并添加到容器中 $.each(data, function(index, value) { // 创建元素 var $item = $('<div class="item"></div>').text(value); // 创建删除按钮 var $deleteBtn = $('<button class="delete-btn">删除</button>'); // 绑定删除按钮的点击事件 $deleteBtn.on('click', function() { // 在数据数组中删除该元素的数据 data.splice(index, 1); // 在页面中删除该元素 $item.remove(); }); // 将删除按钮添加到元素中 $item.append($deleteBtn); // 将元素添加到容器中 $container.append($item); // 如果是每行的第3个元素，添加一个clearfix元素 if ((index + 1) % 3 === 0) { $container.append('<div class="clearfix"></div>'); } }); ``` CSS代码： ```css .item { float: left; width: 30%; margin-right: 3%; margin-bottom: 20px; border: 1px solid #ccc; padding: 10px; box-sizing: border-box; } .delete-btn { margin-left: 10px; } ``` 在上面的代码中，我们首先定义了一个数组来存储元素的数据。然后，我们获取容器元素，并使用`$.each`函数遍历数据数组，创建每个元素并添加到容器中。在创建元素时，我们还创建了一个删除按钮，并将其添加到元素中。我们还绑定了删除按钮的点击事件，以便在点击按钮时从数据数组中删除该元素的数据，并从页面中删除该元素。最后，我们还添加了一些CSS样式来指定元素和删除按钮的样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值