JS代码中如何作用于多个相同id的标签?

JavaScript017

JS代码中如何作用于多个相同id的标签?,第1张

ID的意思就是身份证,而身份证的最大特征就是它的号码是唯一的,不可重复,网页标签也一样,id是具有唯一性的,多个标签不能有相同的id,如果有,那么只有第一个有效。

一般这种情况应该使用class,意思是“类”,而类是可以重复的。

但是,具体到你这个代码,其实完全不需要id或class,用this对象即可:

<script>

//鼠标移进去

function videoPlayback(video){

//给视频标签添加缓存播放---video标签属性。

video.setAttribute("autoplay","autoplay")

//给视频标签添加循环播放---video标签属性。

video.setAttribute("loop","loop")

//播放视频

video.play()

}

//鼠标离开

function videoStopped(video){

//停止播放

video.pause()

}

</script>

<video src="/uploads/media/220901/1-220Z1142455.mp4" onmouseover="videoPlayback(this)" onmouseout="videoStopped(this)" muted="false"></video>

<video src="/uploads/media/220901/1-220Z1142455.mp4" onmouseover="videoPlayback(this)" onmouseout="videoStopped(this)" muted="false"></video>

var list = [

{ id: "1", name: "test1", rName: "the1" },

{ id: "1", name: "test1", rName: "the2" },

{ id: "1", name: "test1", rName: "the3" },

{ id: "2", name: "test2", rName: "the1" },

{ id: "2", name: "test2", rName: "the2" },

{ id: "3", name: "test3", rName: "the1" }

]

var list2 = []

for (var i in list) {

var list3 = []

for (var j in list) {

if (list[i].id == list[j].id&&list[j].key!=1) {

list[j].key=1

list3.push(list[j])

}

}

if(list3.length>0){

list2.push(list3)

}

}

console.log(list2)

filterTransFer(arr) {  // arr:需要过滤排查的数组

consthash= {}

constnewArr=arr.reduceRight((item,next)=>{

hash[next.id]  // next.id只是其中一个条件

?''

: (hash[next.id] =true&&item.push(next))

returnitem

      }, [])

this.transferList=newArr //newArr就是过滤后的数组,需要重新赋值

    },