嗨!
有人可以看一下我的代码并告诉我怎么了吗? (不,我无权编辑HTML。)
我正在尝试将 id =“ goToThis” 放在与v(weekNumber)匹配的第一个父级上,在这种情况下,v(weekNumber)是v2。
问题:它不仅在与“ goToweek”匹配的那些父母上都设置了它。
我希望它仅在第一个匹配的对象上添加“ goToThis”。
JavaScript (结果=“ 2019,2”):
function setAttributes()
{
var goToweek = "<td>v" + result[1] + "</td>"
elementos = document.body.getElementsByTagName("td");
for (var is = 0, length = elementos.length; is < length; is++)
{
for (var cc in goToweek)
{
if (elementos[is].innerHTML.indexOf(goToweek[cc]) !== -1)
{
parentOfTds2 = (elementos[is]).parentNode;
parentOfTds2.setAttribute("id", "goToThis");
}
};
};
}
示例HTML :
<tr>
<td>2016</td>
<td>v2</td>
</tr>
<tr>
<td>2016</td>
<td>v4</td>
</tr>
<tr>
<td>2016</td>
<td>v5</td>
</tr>
<tr>
<td>2016</td>
<td>v6</td>
</tr>
<tr>
<td>2016</td>
<td>v7</td>
</tr>
<tr>
<td>2016</td>
<td>v8</td>
</tr>
<tr>
<td>2016</td>
<td>v22</td>
</tr>........
执行代码后::
<tr id="goToThis">
<td>2016</td>
<td>v2</td>
</tr>
<tr id="goToThis">
<td>2016</td>
<td>v4</td>
</tr>
<tr id="goToThis">
<td>2016</td>
<td>v5</td>
</tr>
<tr id="goToThis">
<td>2016</td>
<td>v6</td>
</tr>
<tr id="goToThis">
<td>2016</td>
<td>v7</td>
</tr>
<tr id="goToThis">
<td>2016</td>
<td>v8</td>
</tr>
<tr id="goToThis">
<td>2016</td>
<td>v22</td>
</tr>........
我要
:<tr id="goToThis">
<td>2016</td>
<td>v2</td>
</tr>
<tr>
<td>2016</td>
<td>v4</td>
</tr>
<tr>
<td>2016</td>
<td>v5</td>
</tr>
<tr>
<td>2016</td>
<td>v6</td>
</tr>
<tr>
<td>2016</td>
<td>v7</td>
</tr>
<tr>
<td>2016</td>
<td>v8</td>
</tr>
<tr>
<td>2016</td>
<td>v22</td>
</tr>........
答案 0 :(得分:2)
这是我快速提出的解决方案。
function setAttributes() {
const elementos = document.getElementsByTagName("tr");
for (let is = 0; is < elementos.length; is++) {
const innerElements = elementos[is].children;
if (innerElements[0].innerHTML === (""+result[0]) && innerElements[1].innerHTML === ("v"+result[1])) {
elementos[is].id = "goToThis";
break;
}
}
}
我从您的示例中发现的问题是,即使您将元素的innerHTML
与goToWeek
进行比较,您如何确定年份的td
与您结果数组中的年份?
为避免这种情况,取而代之的是获取所有td
元素,并检查年份和星期是否匹配,并将ID添加到相应的tr
父对象中,环。这应该将 goToThis 附加到与年份和星期匹配的第一个元素。
答案 1 :(得分:0)
[].forEach.call(document.querySelectorAll("td"), function(el, ind, arr) { // in this string we give all td elements and iterate they
if (el.textContent === "v2" && !arr._mutching) { // search match element and watch flag
el.parentNode.id = "goToThis"; // set for paren id
arr._mutching = true; set flag for break all cycle
}else{
return;
}
});
<table>
<tr>
<td>2016</td>
<td>v2</td>
</tr>
<tr>
<td>2016</td>
<td>v4</td>
</tr>
<tr>
<td>2016</td>
<td>v5</td>
</tr>
<tr>
<td>2016</td>
<td>v2</td> <!-- will not mutch -->
</tr>
<tr>
<td>2016</td>
<td>v7</td>
</tr>
<tr>
<td>2016</td>
<td>v8</td>
</tr>
<tr>
<td>2016</td>
<td>v22</td>
</tr>
</table>