JS获取元素（截取掉前几个相同元素）

最新推荐文章于 2022-10-17 15:08:43 发布
最新推荐文章于 2022-10-17 15:08:43 发布
阅读量357 收藏
点赞数 1
文章标签： html javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50636169/article/details/120258572
版权 
<body>
    <table>
        <thead>
            <td>
                <input type="checkbox" class="all">
            </td>
            <td>
                商品
            </td>
            <td>
                价格
            </td>
        </thead>
       <tbody>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
                iphone8
            </td>
            <td>
                8000
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
                ipad pro
            </td>
            <td>
                5000
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
                ipad Air
            </td>
            <td>
                2000
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" class="part">
            </td>
            <td>
               Apple watch
            </td>
            <td>
                2000
            </td>
        </tr>
       </tbody>
    </table>

这里我们要获得tbody里面的所有input，首先我们可以想到的是给tbody中每一个input添加一个类名 part，再通过document.querySelectorAll('.part')选出所有。

刚开始我用的是document.getElementsByTagName('input')但此方法同时也把thead中的input标签给选中了，这与我们所设想的不同，若我们用这个方法时候单纯就这样写结果是不对的，因此可以用下面这个进行一点点的改进

 var part = document.getElementsByTagName('input')
        part = Array.prototype.slice.call(part).slice(1)//把第一个input标签去掉

这样我们得到的就与最初设想的一致

qq_50636169
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用js去除重复的部分
m0_59505309的博客
06-11 436
使用js去除重复的部分
js：数组去重和获取重复元素（普通数组和嵌套对象数组）
Litt_White的博客
12-27 7095
关于js的数组去重和获取重复元素，在项目开发中经常会遇到，这里提供个实现思路以供参考。 数组主要分为：普通数组和对象数组（嵌套对象数组）两类。 普通数组：`[1,2,3,'a','b']` 对象数组：`[{name:'zhangsan'},{name:'lisi'},{name:'wangwu'}]` 普通数组的去重，以及获取重复元素比较简单，重点是关于对象数组去重，以及获取重复元素。 对象数组去重分为两类：根据`某一属性去重`，和`去重完全相同对象`（属性属性值都相同）
JS获取元素
simon_xing的博客
08-03 9910
通过ID名字获取元素 document.getElementById(“box”); 通过ClassName获取元素 document.getElementsByClassName(“ClassName”) 通过 Name 获取元素 document.getElementsByName(“Name”) 一般用于表单元素 通过标签名字获取元素 document.getElementsByTa...
js 截取方法
想飞上天和太阳肩并肩
08-26 350
做一下小结，便于区分： 字符串截取方法有三种： str.slice(start, end) str.substring(start, end) str.substr(start, len) 三者都不会改变原字符串，返回一个新的字符串。slice和substring的区别就是slice的参数可以为负数，但是substring的参数必须是非负整数。 数组截取方法有两种 array.slice(start, end); //返回一个新数组 array.splice(index, howmany,
html元素隐藏不改变结构,仅显示前4个html元素并使用Javascript [暂停]隐藏其余元素...
weixin_42447265的博客
06-03 209
最简单的方法是：添加“显示更多”和“显示更少”。将事件处理程序绑定在这些lis上。根据列表大小显示/隐藏适当的li。这是代码：HTML：BodyOilFootCareLipServiceMassageSunscreenEyeCreamSHOWMORE>><CSS：.show-more,.show-less{font-size:13px;line-height:1...
JS写的图片局部动态截取
11-13
实现图片局部截取通常分为以下几个步骤： 1. **加载图片**：使用`<img>`元素加载图片，并监听其`onload`事件，确保图片完全加载后再进行后续操作。 ```javascript let img = new Image(); img.src = 'your-image-...
JS打开摄像头并截图上传示例
12-09
这个过程涉及到了几个关键的API和概念，包括`getUserMedia`、`video`标签、`canvas`以及图片的Base64编码上传。以下是详细的知识点解释： 1. **`getUserMedia` API**: 这个API允许网页访问用户的媒体设备，如摄像头...
JavaScript笔记
09-28
|--arr.splice(开始位置，删除几个[,x1,x2,x3...]) |--arr.indexOf(x) 返回x在数组中的下标---经常用于判断元素是否存在。如返回-1，x则不在数组中 18.Number对象： |--x.toFixed(num):可把Number四舍五入为指定...
javascript入门笔记
05-15
4、1997年 网景 将Javascript 1.1 提供给了ECMA(欧洲计算机制造商联合会),ECMA 获取了 JS 的核心，称之为 ECMA Script (ES) 完整的JS组成： 1、核心(ES) 2、文档对象模型(Document Object Model) - DOM 允许让 ...
JS版计算器源码
12-09
在原生JavaScript中，编写计算器的核心部分涉及到以下几个关键知识点： 1. **DOM操作**：计算器的用户界面通常由HTML元素组成，如按钮和显示区域。JavaScript需要通过DOM（Document Object Model）来操作这些元素。...
Python快速找到列表中所有重复的元素
修炼之路
01-08 3万+
index方法 为了能够找到元素在列表中的位置，我们通常会使用list.index()方法来元素的下标，但是这种方法有一个弊端，就是当列表中出现重复元素的时候，index方法只会返回第一个元素的位置，代码如下 a = ["a","b","c","a","d","a"] print(a.index("a"))#输出为0 通过上面的代码可以发现，index方法的返回值是一个整数，不存在是-1，...
js中实现截取数组的前几个元素以及后几个元素作为一个新数组的方法
热门推荐
qsj0606的博客
04-21 4万+
数组中的slice()和splice()方法都可以实现对数组截取 const arr=[1,2,3,4,5,6,7,8] //截取数组前三个元素 const sliceA=arr.slice(0,3) console.log('sliceA',sliceA)//得到[1,2,3] //截取数组后三个元素 slice方法 const sliceArr=arr.slice(-3) console.log('sliceArr',sliceArr)//得到[6,7,8] //slice(start,end)
js 数组对象只取前4条数据的值
m0_38109616的博客
10-17 4367
js 数组对象只取前4条数据的值
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
weixin_33852020的博客
07-15 869
$(function(){ //遍历获取的input元素对象数组，绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i &lt; len; i++){ $("input[type='file']").eq(i).click(function(){ $...
js如何获取对象中的第一个元素？
七侠剑客的博客
08-15 3万+
项目需求，需要进行多张图片上传，上传后进行聚类，数据结构后端已经订好，但其结构让我很痛苦，如图所示: 上图中，红色框选的是后台动态返回的字符串，那我如何获取其对应的数组？ 其实返回的数据就是个包含key和value的对象，所以我们可以按照对象的方法对其进行操作，代码如下： getFirst(obj){ //obj为我们的对象 var n=0; ...
js从table的当前位置获取当前行的元素和td中的前后元素
buck_long的专栏
10-24 649
第一个单元格                                                                                               是                         否                                                      
js截取字符串，去掉前几位，保留后几位
weixin_30393907的博客
09-10 1240
https://blog.csdn.net/u012246458/article/details/77684054 转载于:https://www.cnblogs.com/haoxuanchen2014/p/9618468.html
js 获取一个数组中的部分元素
我的博客
07-22 2万+
可以用Array中自带的方法：arrayObj.shift( )shift 方法可移除数组中的第一个元素并返回该元素。例如：var ary=[1,2,3,4];var a=ary.shift();//a=1;ary=[2,3,4];arrayObj.slice(start, [end]) slice 方法返回一个 Array 对象，其中包含了 arrayObj 的指定部分。参数：start，截取数
js数组截取最后几个元素
最新发布
03-29
可以使用Array.prototype.slice()方法来截取数组的最后几个元素。该方法接受两个参数，第一个参数是起始索引，第二个参数是结束索引（不包括该索引对应的元素），如果省略第二个参数，则默认截取到数组末尾。 为了截取数组的最后几个元素，我们需要先确定起始索引。可以通过计算数组长度减去需要截取的元素个数来得到起始索引。例如，如果要截取数组的最后3个元素，可以这样实现： ```javascript var arr = [1, 2, 3, 4, 5]; var lastThree = arr.slice(-3); // 返回 [3, 4, 5] ``` 在上面的代码中，使用负数索引-3表示从数组末尾往前数第3个元素开始截取，省略第二个参数表示截取到数组末尾。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值