队员插槽的编号，从多个带数字的类名，更改为自定义属性

multi.html

@@ -184,62 +184,62 @@ const teamsCount = 2;
 					</div>
 				</div>
 				<ul class="team-ability">
-					<li class="abilitys abilitys-1">
+					<li class="abilitys" data-index="0">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-2">
+					<li class="abilitys" data-index="1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-3">
+					<li class="abilitys" data-index="2">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-4">
+					<li class="abilitys" data-index="3">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-5">
+					<li class="abilitys" data-index="4">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
 				</ul>
 				<ul class="team-member-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-assist-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
@@ -247,7 +247,7 @@ const teamsCount = 2;
 				<div class="team-box-name">
 					<div class="team-box">
 						<ul class="team-assist">
-							<li class="member member-1">
+							<li class="member" data-index="0">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -260,7 +260,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -273,7 +273,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -286,7 +286,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -299,7 +299,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -321,7 +321,7 @@ const teamsCount = 2;
 							<li class="assist-label"></li>
 						</ul>
 						<ul class="team-latents">
-							<li class="latents latents-1">
+							<li class="latents" data-index="0">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -333,7 +333,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-2">
+							<li class="latents" data-index="1">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -345,7 +345,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-3">
+							<li class="latents" data-index="2">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -357,7 +357,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-4">
+							<li class="latents" data-index="3">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -369,7 +369,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-5">
+							<li class="latents" data-index="4">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -383,7 +383,7 @@ const teamsCount = 2;
 							</li>
 						</ul>
 						<ul class="team-members">
-							<li class="member member-1 team-leader">
+							<li class="member team-leader" data-index="0">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -398,7 +398,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -413,7 +413,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -428,7 +428,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -443,7 +443,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -463,23 +463,23 @@ const teamsCount = 2;
 					<div class="box-name"></div>
 				</div>
 				<ul class="team-member-types">
-					<li class="member-types member-types-1">
+					<li class="member-types" data-index="0">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-2">
+					<li class="member-types" data-index="1">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-3">
+					<li class="member-types" data-index="2">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-4">
+					<li class="member-types" data-index="3">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-5">
+					<li class="member-types" data-index="4">
 						<ul class="types-ul">
 						</ul>
 					</li>
@@ -487,23 +487,23 @@ const teamsCount = 2;
 			</li>
 			<li class="team-bigbox team-2 show-team-name-left reverse-member-assist">
 				<ul class="team-member-types">
-					<li class="member-types member-types-2">
+					<li class="member-types" data-index="1">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-3">
+					<li class="member-types" data-index="2">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-4">
+					<li class="member-types" data-index="3">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-5">
+					<li class="member-types" data-index="4">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-1">
+					<li class="member-types" data-index="0">
 						<ul class="types-ul">
 						</ul>
 					</li>
@@ -512,7 +512,7 @@ const teamsCount = 2;
 					<div class="box-name"></div>
 					<div class="team-box">
 						<ul class="team-members">
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -527,7 +527,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -542,7 +542,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -557,7 +557,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -572,7 +572,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-1 team-leader">
+							<li class="member team-leader" data-index="0">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -589,7 +589,7 @@ const teamsCount = 2;
 							</li>
 						</ul>
 						<ul class="team-latents">
-							<li class="latents latents-2">
+							<li class="latents" data-index="1">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -601,7 +601,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-3">
+							<li class="latents" data-index="2">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -613,7 +613,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-4">
+							<li class="latents" data-index="3">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -625,7 +625,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-5">
+							<li class="latents" data-index="4">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -637,7 +637,7 @@ const teamsCount = 2;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-1">
+							<li class="latents" data-index="0">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -658,7 +658,7 @@ const teamsCount = 2;
 							<li class="assist-label"></li>
 						</ul>
 						<ul class="team-assist">
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -671,7 +671,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -684,7 +684,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -697,7 +697,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -710,7 +710,7 @@ const teamsCount = 2;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-1">
+							<li class="member" data-index="0">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -727,63 +727,63 @@ const teamsCount = 2;
 					</div>
 				</div>
 				<ul class="team-member-awoken">
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-assist-awoken">
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-ability">
-					<li class="abilitys abilitys-2">
+					<li class="abilitys" data-index="1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-3">
+					<li class="abilitys" data-index="2">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-4">
+					<li class="abilitys" data-index="3">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-5">
+					<li class="abilitys" data-index="4">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-1">
+					<li class="abilitys" data-index="0">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
 				</ul>

script.js

@@ -6027,7 +6027,7 @@ function editMember(teamNum, isAssist, indexInTeam) {
 	const teamBigBox = teamBigBoxs[teamNum];
 	const teamBox = teamBigBox.querySelector(".team-box");
 	const memberBox = teamBox.querySelector(isAssist ? ".team-assist" : ".team-members");
-	const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);
+	const memberLi = memberBox.querySelector(`.member[data-index="${indexInTeam}"]`);
 
 	const monsterHead = memberLi.querySelector(".monster");
 
@@ -6037,7 +6037,7 @@ function editMember(teamNum, isAssist, indexInTeam) {
 	editBox.monsterHead = monsterHead;
 	editBox.memberIdx = [teamNum, isAssist, indexInTeam]; //储存队伍数组下标
 	if (!isAssist) {
-		const latentBox = teamBox.querySelector(".team-latents .latents-" + (indexInTeam + 1) + " .latent-ul");
+		const latentBox = teamBox.querySelector(`.team-latents .latents[data-index="${indexInTeam}"] .latent-ul`);
 		editBox.latentBox = latentBox;
 	} else {
 		editBox.latentBox = null;
@@ -6497,23 +6497,36 @@ function refreshAll(formationData) {
 		const badgeBox = teamBigBox.querySelector(".team-badge");
 		if (badgeBox) badgeBox.setAttribute("data-badge-icon", teamData[2] ?? 0);
 
-		const membersDom = teamBox.querySelector(".team-members");
-		const latentsDom = teamBox.querySelector(".team-latents");
-		const assistsDom = teamBox.querySelector(".team-assist");
+		const memberLiDoms = Array.from(teamBox.querySelectorAll(".team-members .member")); //队员
+		const latentLiDoms = Array.from(teamBox.querySelectorAll(".team-latents .latents")); //潜觉
+		const assistLiDoms = Array.from(teamBox.querySelectorAll(".team-assist .member")); //辅助
+		const assistsLabelLiDoms = Array.from(teamBox.querySelector(".team-assist-label .assist-label")); //辅助的那个字
+
 		const teamAbilityDom = teamBigBox.querySelector(".team-ability");
 		const teamMemberTypesDom = teamBigBox.querySelector(".team-member-types"); //队员类型
 		const teamMemberAwokenDom = teamBigBox.querySelector(".team-member-awoken"); //队员觉醒
 		const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
+
+		const teamAbilityLiDoms = Array.from(teamBox.querySelectorAll(".team-ability .abilitys")); //三维
+		const teamMemberTypesLiDoms  = Array.from(teamBox.querySelectorAll(".team-member-types .member-types"));//队员类型
+		const teamMemberAwokenLiDoms  = Array.from(teamBox.querySelectorAll(".team-member-awoken .member-awoken"));//队员觉醒
+		const teamAssistAwokenLiDoms  = Array.from(teamBox.querySelectorAll(".team-assist-awoken .member-awoken"));//辅助觉醒
 		
-		for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) {
+		for (let ti = 0, ti_len = memberLiDoms.length; ti < ti_len; ti++) {
 			const leaderIdx = teamData[3]; //开始设置换队长
-			const memberLi = membersDom.querySelector(`.member-${ti+1}`);
-			const latentLi = latentsDom.querySelector(`.latents-${ti+1}`);
-			const assistsLi = assistsDom.querySelector(`.member-${ti+1}`);
-			const teamAbilityLi = teamAbilityDom && teamAbilityDom.querySelector(`.abilitys-${ti+1}`);
-			const teamMemberTypesLi = teamMemberTypesDom && teamMemberTypesDom.querySelector(`.member-types-${ti+1}`);
-			const teamMemberAwokenLi = teamAbilityDom && teamMemberAwokenDom.querySelector(`.member-awoken-${ti+1}`);
-			const teamAssistAwokenLi = teamAbilityDom && teamAssistAwokenDom.querySelector(`.member-awoken-${ti+1}`);
+			const memberLi = memberLiDoms.find(li=>li.dataset.index == ti);
+			const latentLi = latentLiDoms.find(li=>li.dataset.index == ti);
+			const assistsLi = assistLiDoms.find(li=>li.dataset.index == ti);
+			const teamAbilityLi = teamAbilityLiDoms.find(li=>li.dataset.index == ti);
+			const teamMemberTypesLi = teamMemberTypesLiDoms.find(li=>li.dataset.index == ti);
+			const teamMemberAwokenLi = teamMemberAwokenLiDoms.find(li=>li.dataset.index == ti);
+			const teamAssistAwokenLi = teamAssistAwokenLiDoms.find(li=>li.dataset.index == ti);
+			if (!memberLi || !latentLi || !assistsLi) {
+				console.error("队员的 DOM 缺失，需要检查 html");
+				continue;
+			}
+
+			//更换队长的动画
 			[
 				memberLi,
 				latentLi,
@@ -6548,6 +6561,7 @@ function refreshAll(formationData) {
 					dom.style.transform = null;
 				}
 			});
+
 			//修改显示内容
 			const memberDom = memberLi.querySelector(`.monster`);
 			const assistDom = assistsLi.querySelector(`.monster`);
@@ -6560,6 +6574,7 @@ function refreshAll(formationData) {
 				memberCard.attrs[0] === assistCard.attrs[0] || //如果主属性相等
 				memberCard.attrs[0]===6 || assistCard.attrs[0]===6 //或任一为仅副属性
 			);
+			const sameEvoTree = 1;
 			teamAbilityLi?.classList?.toggle("enable-bouns", enableBouns);
 
 			//隐藏队长的自身换为换队长的技能
@@ -7221,7 +7236,7 @@ function refreshAbility(abilityDom, team, idx) {
 		}
 	}
 	if (!abilityDom) return; //如果没有dom，直接跳过
-	const abilityLi = abilityDom.querySelector(".abilitys-" + (idx + 1));
+	const abilityLi = abilityDom.querySelector(`.abilitys[data-index="${idx}"]`);
 	const hpDom = abilityLi.querySelector(".hp");
 	const atkDom = abilityLi.querySelector(".atk");
 	const rcvDom = abilityLi.querySelector(".rcv");
@@ -7261,7 +7276,7 @@ function refreshMemberTypes(memberTypesDom, team, idx) {
 		}
 	}
 	
-	const memberTypesUl = memberTypesDom.querySelector(`.member-types-${idx + 1} .types-ul`);
+	const memberTypesUl = memberTypesDom.querySelector(`.member-types[data-index="${idx}"] .types-ul`);
 	memberTypesUl.innerHTML = '';
 	memberTypesUl.appendChild(fragment);
 }
@@ -7286,8 +7301,8 @@ function refreshMemberAwoken(memberAwokenDom, assistAwokenDom, team, idx) {
 		memberAwokens = memberAwokens.concat(assistAwokens);
 	}*/
 
-	const memberAwokenUl = memberAwokenDom.querySelector(`.member-awoken-${idx + 1} .awoken-ul`);
-	const assistAwokenUl = assistAwokenDom.querySelector(`.member-awoken-${idx + 1} .awoken-ul`);
+	const memberAwokenUl = memberAwokenDom.querySelector(`.member-awoken[data-index="${idx}"] .awoken-ul`);
+	const assistAwokenUl = assistAwokenDom.querySelector(`.member-awoken[data-index="${idx}"] .awoken-ul`);
 	/* //通用的
 	function countNum(arr) {
 		const map = arr.reduce(function(preMap, value){
@@ -7709,8 +7724,8 @@ function refreshFormationTotalHP(totalDom, teams) {
 }
 //刷新单人技能CD
 function refreshMemberSkillCD(teamDom, team, idx) {
-	const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`);
-	const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`);
+	const memberMonDom = teamDom.querySelector(`.team-members .member[data-index="${idx}"] .monster`);
+	const assistMonDom = teamDom.querySelector(`.team-assist .member[data-index="${idx}"] .monster`);
 	const member = team[0][idx];
 	const assist = team[1][idx];
 

solo.html

@@ -165,7 +165,7 @@ const teamsCount = 1;
 				<div class="team-box-name">
 					<div class="team-box">
 						<ul class="team-assist">
-							<li class="member member-1">
+							<li class="member" data-index="0">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -178,7 +178,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -191,7 +191,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -204,7 +204,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -217,7 +217,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -230,7 +230,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6">
+							<li class="member" data-index="5">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -253,7 +253,7 @@ const teamsCount = 1;
 							<li class="assist-label"></li>
 						</ul>
 						<ul class="team-latents">
-							<li class="latents latents-1">
+							<li class="latents" data-index="0">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -265,7 +265,7 @@ const teamsCount = 1;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-2">
+							<li class="latents" data-index="1">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -277,7 +277,7 @@ const teamsCount = 1;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-3">
+							<li class="latents" data-index="2">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -289,7 +289,7 @@ const teamsCount = 1;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-4">
+							<li class="latents" data-index="3">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -301,7 +301,7 @@ const teamsCount = 1;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-5">
+							<li class="latents" data-index="4">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -313,7 +313,7 @@ const teamsCount = 1;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-6">
+							<li class="latents" data-index="5">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -327,7 +327,7 @@ const teamsCount = 1;
 							</li>
 						</ul>
 						<ul class="team-members">
-							<li class="member member-1 team-leader">
+							<li class="member team-leader" data-index="0">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -342,7 +342,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -357,7 +357,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -372,7 +372,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -387,7 +387,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -402,7 +402,7 @@ const teamsCount = 1;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6 team-leader">
+							<li class="member team-leader" data-index="5">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -421,100 +421,100 @@ const teamsCount = 1;
 					</div>
 				</div>
 				<ul class="team-member-types">
-					<li class="member-types member-types-1">
+					<li class="member-types" data-index="0">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-2">
+					<li class="member-types" data-index="1">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-3">
+					<li class="member-types" data-index="2">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-4">
+					<li class="member-types" data-index="3">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-5">
+					<li class="member-types" data-index="4">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-6">
+					<li class="member-types" data-index="5">
 						<ul class="types-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-member-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-assist-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-ability">
-					<li class="abilitys abilitys-1">
+					<li class="abilitys" data-index="0">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-2">
+					<li class="abilitys" data-index="1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-3">
+					<li class="abilitys" data-index="2">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-4">
+					<li class="abilitys" data-index="3">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-5">
+					<li class="abilitys" data-index="4">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-6">
+					<li class="abilitys" data-index="5">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
 				</ul>

triple.html

@@ -171,7 +171,7 @@ const teamsCount = 3;
 				<div class="team-box-name">
 					<div class="team-box">
 						<ul class="team-assist">
-							<li class="member member-1">
+							<li class="member" data-index="0">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -184,7 +184,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -197,7 +197,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -210,7 +210,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -223,7 +223,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -236,7 +236,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6">
+							<li class="member" data-index="5">
 								<a class="monster null" target="_blank" data-team="0" data-assist="1" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -259,7 +259,7 @@ const teamsCount = 3;
 							<li class="assist-label"></li>
 						</ul>
 						<ul class="team-latents">
-							<li class="latents latents-1">
+							<li class="latents" data-index="0">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -271,7 +271,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-2">
+							<li class="latents" data-index="1">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -283,7 +283,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-3">
+							<li class="latents" data-index="2">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -295,7 +295,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-4">
+							<li class="latents" data-index="3">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -307,7 +307,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-5">
+							<li class="latents" data-index="4">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -319,7 +319,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-6">
+							<li class="latents" data-index="5">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -333,7 +333,7 @@ const teamsCount = 3;
 							</li>
 						</ul>
 						<ul class="team-members">
-							<li class="member member-1 team-leader">
+							<li class="member team-leader" data-index="0">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -348,7 +348,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -363,7 +363,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -378,7 +378,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -393,7 +393,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -408,7 +408,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6 team-leader">
+							<li class="member team-leader" data-index="5">
 								<a class="monster null" target="_blank" data-team="0" data-assist="0" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -428,100 +428,100 @@ const teamsCount = 3;
 					<div class="box-name"></div>
 				</div>
 				<ul class="team-member-types">
-					<li class="member-types member-types-1">
+					<li class="member-types" data-index="0">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-2">
+					<li class="member-types" data-index="1">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-3">
+					<li class="member-types" data-index="2">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-4">
+					<li class="member-types" data-index="3">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-5">
+					<li class="member-types" data-index="4">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-6">
+					<li class="member-types" data-index="5">
 						<ul class="types-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-member-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-assist-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-ability">
-					<li class="abilitys abilitys-1">
+					<li class="abilitys" data-index="0">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-2">
+					<li class="abilitys" data-index="1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-3">
+					<li class="abilitys" data-index="2">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-4">
+					<li class="abilitys" data-index="3">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-5">
+					<li class="abilitys" data-index="4">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-6">
+					<li class="abilitys" data-index="5">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
 				</ul>
@@ -590,7 +590,7 @@ const teamsCount = 3;
 				<div class="team-box-name">
 					<div class="team-box">
 						<ul class="team-assist">
-							<li class="member member-1">
+							<li class="member" data-index="0">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -603,7 +603,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -616,7 +616,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -629,7 +629,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -642,7 +642,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -655,7 +655,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6">
+							<li class="member" data-index="5">
 								<a class="monster null" target="_blank" data-team="1" data-assist="1" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -678,7 +678,7 @@ const teamsCount = 3;
 							<li class="assist-label"></li>
 						</ul>
 						<ul class="team-latents">
-							<li class="latents latents-1">
+							<li class="latents" data-index="0">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -690,7 +690,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-2">
+							<li class="latents" data-index="1">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -702,7 +702,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-3">
+							<li class="latents" data-index="2">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -714,7 +714,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-4">
+							<li class="latents" data-index="3">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -726,7 +726,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-5">
+							<li class="latents" data-index="4">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -738,7 +738,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-6">
+							<li class="latents" data-index="5">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -752,7 +752,7 @@ const teamsCount = 3;
 							</li>
 						</ul>
 						<ul class="team-members">
-							<li class="member member-1 team-leader">
+							<li class="member team-leader" data-index="0">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -767,7 +767,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -782,7 +782,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -797,7 +797,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -812,7 +812,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -827,7 +827,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6 team-leader">
+							<li class="member team-leader" data-index="5">
 								<a class="monster null" target="_blank" data-team="1" data-assist="0" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -847,100 +847,100 @@ const teamsCount = 3;
 					<div class="box-name"></div>
 				</div>
 				<ul class="team-member-types">
-					<li class="member-types member-types-1">
+					<li class="member-types" data-index="0">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-2">
+					<li class="member-types" data-index="1">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-3">
+					<li class="member-types" data-index="2">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-4">
+					<li class="member-types" data-index="3">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-5">
+					<li class="member-types" data-index="4">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-6">
+					<li class="member-types" data-index="5">
 						<ul class="types-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-member-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-assist-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-ability">
-					<li class="abilitys abilitys-1">
+					<li class="abilitys" data-index="0">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-2">
+					<li class="abilitys" data-index="1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-3">
+					<li class="abilitys" data-index="2">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-4">
+					<li class="abilitys" data-index="3">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-5">
+					<li class="abilitys" data-index="4">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-6">
+					<li class="abilitys" data-index="5">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
 				</ul>
@@ -1009,7 +1009,7 @@ const teamsCount = 3;
 				<div class="team-box-name">
 					<div class="team-box">
 						<ul class="team-assist">
-							<li class="member member-1">
+							<li class="member" data-index="0">
 								<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1022,7 +1022,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1035,7 +1035,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1048,7 +1048,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1061,7 +1061,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1074,7 +1074,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6">
+							<li class="member" data-index="5">
 								<a class="monster null" target="_blank" data-team="2" data-assist="1" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1097,7 +1097,7 @@ const teamsCount = 3;
 							<li class="assist-label"></li>
 						</ul>
 						<ul class="team-latents">
-							<li class="latents latents-1">
+							<li class="latents" data-index="0">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -1109,7 +1109,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-2">
+							<li class="latents" data-index="1">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -1121,7 +1121,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-3">
+							<li class="latents" data-index="2">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -1133,7 +1133,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-4">
+							<li class="latents" data-index="3">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -1145,7 +1145,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-5">
+							<li class="latents" data-index="4">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -1157,7 +1157,7 @@ const teamsCount = 3;
 									<li class="latent-icon"></li>
 								</ul>
 							</li>
-							<li class="latents latents-6">
+							<li class="latents" data-index="5">
 								<ul class="latent-ul display-none">
 									<li class="latent-icon"></li>
 									<li class="latent-icon"></li>
@@ -1171,7 +1171,7 @@ const teamsCount = 3;
 							</li>
 						</ul>
 						<ul class="team-members">
-							<li class="member member-1 team-leader">
+							<li class="member team-leader" data-index="0">
 								<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="0">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1186,7 +1186,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-2">
+							<li class="member" data-index="1">
 								<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="1">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1201,7 +1201,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-3">
+							<li class="member" data-index="2">
 								<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="2">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1216,7 +1216,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-4">
+							<li class="member" data-index="3">
 								<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="3">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1231,7 +1231,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-5">
+							<li class="member" data-index="4">
 								<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="4">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1246,7 +1246,7 @@ const teamsCount = 3;
 									<div class="skill-cd"></div>
 								</a>
 							</li>
-							<li class="member member-6 team-leader">
+							<li class="member team-leader" data-index="5">
 								<a class="monster null" target="_blank" data-team="2" data-assist="0" data-index="5">
 									<div class="attrs">
 										<div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div>
@@ -1266,100 +1266,100 @@ const teamsCount = 3;
 					<div class="box-name"></div>
 				</div>
 				<ul class="team-member-types">
-					<li class="member-types member-types-1">
+					<li class="member-types" data-index="0">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-2">
+					<li class="member-types" data-index="1">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-3">
+					<li class="member-types" data-index="2">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-4">
+					<li class="member-types" data-index="3">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-5">
+					<li class="member-types" data-index="4">
 						<ul class="types-ul">
 						</ul>
 					</li>
-					<li class="member-types member-types-6">
+					<li class="member-types" data-index="5">
 						<ul class="types-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-member-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-assist-awoken">
-					<li class="member-awoken member-awoken-1">
+					<li class="member-awoken" data-index="0">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-2">
+					<li class="member-awoken" data-index="1">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-3">
+					<li class="member-awoken" data-index="2">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-4">
+					<li class="member-awoken" data-index="3">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-5">
+					<li class="member-awoken" data-index="4">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
-					<li class="member-awoken member-awoken-6">
+					<li class="member-awoken" data-index="5">
 						<ul class="awoken-ul">
 						</ul>
 					</li>
 				</ul>
 				<ul class="team-ability">
-					<li class="abilitys abilitys-1">
+					<li class="abilitys" data-index="0">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-2">
+					<li class="abilitys" data-index="1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-3">
+					<li class="abilitys" data-index="2">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-4">
+					<li class="abilitys" data-index="3">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-5">
+					<li class="abilitys" data-index="4">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
-					<li class="abilitys abilitys-6">
+					<li class="abilitys" data-index="5">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
 					</li>
 				</ul>