天地惠 2022-06-04 01:32 采纳率: 31.3%
浏览 19
已结题

如何通过筛选器点击鼠标?

表格有2个字段:点击,姓名
每一行都有相同的class="datagrid-row"
$("tr.datagrid-row span.l-btn-text").click()//一次能点击表格中的所有行并打开链接。
我想通过jquery选择器选择所有姓名中姓“张”的行,并点击其中的“点击”按钮,请问怎么操作?

img

  • 写回答

1条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-06-04 02:43
    关注

    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>
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
编辑
预览

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 6月9日
  • 已采纳回答 6月4日
  • 赞助了问题酬金5元 6月4日
  • 创建了问题 6月4日

悬赏问题

  • ¥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实现算子编排计算,请提供思路
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部