jquery怎样选择除了最后一列的其它元素

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

jquery怎样选择除了最后一列的其它元素

在jquery中,可以利用“$("元素:not(:last-child)")”语句选择除了最后一列的其它元素;“:last-child”选择器可以选取最后一列元素,“:not()”选择器用于选取除指定元素以外的其它元素。

本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样选择除了最后一列其它的元素

我们可以通过:last-child选择器和:not(selector) 选择器来选择除了最后一列的元素。

示例如下:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){  $("button").click(function(){    $('tr td:not(:last-child)').css('background-color','red');  });});</script></head><body><button>选择除了最后一列的所有元素</button><table border="1">   <tr>      <td>one</td><td>two</td><td>three</td><td>last</td>   </tr>   <tr>      <td>blue</td><td>red</td><td>green</td><td>last</td>   </tr>   <tr>      <td>Monday</td><td>Tuesday</td><td>Wednesday</td><td>last</td>   </tr></table></body></html>
登录后复制

输出结果:

点击按钮后:

相关视频教程推荐:jQuery视频教程

以上就是jquery怎样选择除了最后一列的其它元素的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:css怎么设置居中
下一篇:Vue中如何使用手写Promise手写实现异步操作

发表评论

关闭广告
关闭广告