在函数中显示/隐藏foreach循环中的div #id仅选择最后一个变量的问题,可以通过以下方式解决:
以下是一个示例代码:
<!-- HTML代码 -->
<div id="div1">Div 1</div>
<div id="div2">Div 2</div>
<div id="div3">Div 3</div>
<script>
// JavaScript代码
function showHideLastDiv() {
var divs = document.querySelectorAll("div[id^='div']");
var lastDiv = divs[divs.length - 1]; // 获取最后一个div元素
for (var i = 0; i < divs.length; i++) {
if (divs[i] === lastDiv) {
divs[i].style.display = "block"; // 显示最后一个div元素
} else {
divs[i].style.display = "none"; // 隐藏其他div元素
}
}
}
// 调用函数来显示/隐藏最后一个div元素
showHideLastDiv();
</script>
在上述示例中,我们首先通过querySelectorAll方法选择所有id以"div"开头的div元素,并将最后一个div元素保存在变量lastDiv中。然后使用for循环遍历所有div元素,通过判断当前div元素是否是最后一个div元素来决定是否显示或隐藏该元素。
请注意,以上示例中的代码仅为演示目的,实际应用中可能需要根据具体情况进行适当的修改和调整。
推荐的腾讯云相关产品和产品介绍链接地址:
以上是腾讯云提供的一些与云计算相关的产品,可以根据具体需求选择适合的产品进行开发和部署。
领取专属 10元无门槛券
手把手带您无忧上云