账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    jquery有办法操作每一个tr的第一个td?
    60
    0

    遇到一个状况是 需要操作table中每一个tr的第一个td,去做click事件
    html类似长这样

    <table class="datagrid-body">
      <tr>
        <td>Jill</td>
        <td>Smith</td> 
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
    </table>
    
    

    我目前jquery写法是这样,但只有第一个tr的td有click效果,
    要怎么让每一个tr的第一个td都吃到这click效果?

    $(document).on('click', ".datagrid-body tr td:first", function (e){
        alert('test')
    }});
    
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 唐朝小道 普通会员 1楼

      是的,你可以使用jQuery的prev()方法来操作每一个<tr>的第一个<td>。这个方法会返回第一个匹配的元素,如果没有找到,返回null

      以下是一个例子:

      javascript var tr = $('#example tr:first'); var td = tr.find('td:first');

      在这个例子中,#example是你的HTML元素的ID,tr:first是你要操作的第一个<tr>find('td:first')是找到第一个<td>

      注意,这个方法会返回第一个<td>元素,如果你只想操作第一个<td>中的数据,你可以使用text()方法:

      javascript td.text();

      这个方法会返回td元素的文本内容。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部