表格有2个字段:点击,姓名
每一行都有相同的class="datagrid-row"
$("tr.datagrid-row span.l-btn-text").click()//一次能点击表格中的所有行并打开链接。
我想通过jquery选择器选择所有姓名中姓“张”的行,并点击其中的“点击”按钮,请问怎么操作?
1条回答 默认 最新
关注 jQuery有个
:contains(text)选择器
,结合parent,siblings,jQuery,children等能实现
https://jquery.cuishifeng.cn/contains.html
弄了简单版可以参考下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>页面名称</title> </head> <body> <table> <tbody> <tr class="datagrid-row"> <td> <span class="l-btn-text" onclick="fn()">点击</span> </td> <td> <div class="datagrid">张三</div> </td> </tr> <tr class="datagrid-row"> <td> <span class="l-btn-text" onclick="fn()">点击</span> </td> <td> <div class="datagrid">李四</div> </td> </tr> <tr class="datagrid-row"> <td> <span class="l-btn-text" onclick="fn(11)">点击</span> </td> <td> <div class="datagrid">张三</div> </td> </tr> </tbody> </table> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> function fn() { console.log("发生点击"); } // 使用children // $(".datagrid:contains('张三')").parent().siblings().children().click(); // 使用find $(".datagrid:contains('张三')").parent().siblings().find(".l-btn-text").click() // console.log( // "datagrid-row", // $(".datagrid:contains('张三')").parent().siblings().find(".l-btn-text") // ); </script> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥15 C#i编程中so-ir-192编码的字符集转码UTF8问题
- ¥15 51嵌入式入门按键小项目
- ¥30 海外项目,如何降低Google Map接口费用?
- ¥15 fluentmeshing
- ¥15 手机/平板的浏览器里如何实现类似荧光笔的效果
- ¥15 盘古气象大模型调用(python)
- ¥15 传人记程序做的plc 485从机程序该如何写
- ¥15 已知手指抓握过程中掌指关节、手指各关节和指尖每一帧的坐标,用贝塞尔曲线可以拟合手指抓握的运动轨迹吗?
- ¥50 libwebsockets 如何添加其他socket事件回调
- ¥50 实现画布拖拽算子排布,通过flink实现算子编排计算,请提供思路