jquery - JQuery 循环表并从 td 中删除一个 href
问题描述
我有一个表结构。
<table id="table">
<tr>
<td><a href="/one">One</a></td>
<td><a href="/two">Two</a></td>
<td><a href="/three">Three</a></td>
<td><a href="/four">Four</a></td>
<td><a href="/five">Five</a></td>
</tr>
<tr>
<td><a href="/one">One</a></td>
<td><a href="/two">Two</a></td>
<td><a href="/three">Three</a></td>
<td><a href="/four">Four</a></td>
<td><a href="/five">Five</a></td>
</tr>
<tr>
<td><a href="/one">One</a></td>
<td><a href="/two">Two</a></td>
<td><a href="/three">Three</a></td>
<td><a href="/four">Four</a></td>
<td><a href="/five">Five</a></td>
</tr>
</table>
现在我想编写 JQuery 代码。
它将循环表格并a tag
从 td 中删除除 2nd td 之外的 td。
解决方案
您可以使用each
for td 和find
标签并使用removeAttr
删除 href
$("#table tr").each(function(index, item){
$(item).find('td').eq(0).find('a').removeAttr("href");
$(item).find('td').eq(2).find('a').removeAttr("href");
$(item).find('td').eq(3).find('a').removeAttr("href");
$(item).find('td').eq(4).find('a').removeAttr("href");
});
$("#table tr").each(function(index, item){
$(item).find('td').eq(0).find('a').removeAttr("href");
$(item).find('td').eq(2).find('a').removeAttr("href");
$(item).find('td').eq(3).find('a').removeAttr("href");
$(item).find('td').eq(4).find('a').removeAttr("href");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table">
<tr>
<td><a href="/one">One</a></td>
<td><a href="/two">Two</a></td>
<td><a href="/three">Three</a></td>
<td><a href="/four">Four</a></td>
<td><a href="/five">Five</a></td>
</tr>
<tr>
<td><a href="/one">One</a></td>
<td><a href="/two">Two</a></td>
<td><a href="/three">Three</a></td>
<td><a href="/four">Four</a></td>
<td><a href="/five">Five</a></td>
</tr>
<tr>
<td><a href="/one">One</a></td>
<td><a href="/two">Two</a></td>
<td><a href="/three">Three</a></td>
<td><a href="/four">Four</a></td>
<td><a href="/five">Five</a></td>
</tr>
</table>
推荐阅读
- javascript - 有没有办法将 Google Dialogflow 中整个聊天机器人对话的日志获取到 Firebase 数据库?
- python - 可迭代数据集在单个 epoch 后耗尽
- node.js - “TypeError:GridFsStorage 不是构造函数”
- node.js - 不和谐机器人 | 编码新手 => 自动角色
- python - 如何防止 Django Post_Save 信号触发两次?(dispatch_uid="my_unique_identifier" 对我不起作用)
- javascript - Javascript for 循环参数
- pytorch - Pytorch 模型将 GPU 设置为在 Nvidia gpu 上运行
- comments - 在方案大纲中添加的注释不会出现在 HTML 报告中
- vue.js - Nuxt / Vue - 不要在突变处理程序之外改变 vuex 存储状态
- javascript - 它是哪种格式?倒计时.js