Question

我想在客户点击链接时显示或隐藏div。

目前问题是通过循环生成页面内容divs。

我通过从数据库中提取链接并指定checkId函数来运行onclick事件，为链接生成唯一ID。

<div class="anchor">
    <a id="<%= order._id %>" onclick="checkId(this.id, 'moreContent');" class="button">VIEW MORE</a>
</div> 

<div class="moreContent">
    <h1>THIS WILL BE THE DIV TO SHOW OR HIDE</h1>
</div>

checkId()功能可以注销正确的链接ID。

在checkId()函数中，我正在分配moreContent div ID 动态。

function checkId(anchorID, showDIV) {
    var anchorID = document.getElementById(anchorID);
    var showDIV = document.getElementsByClassName(showDIV);
    for (var i = 0; i < showDIV.length; i++) {
      showDIV[i].id = "show" + (i + 1);
      console.log(showDIV);
      console.log(anchorID.id);
  }
}

当我记录更多内容ID时，我可以看到它们都是唯一的并且正确递增但基本上在这一点上我很茫然。

我需要了解获取更多内容ID并将其与原始链接ID 相关联，或者甚至可以使用此方法。

任何帮助将不胜感激。谢谢！

Answer 1

假设你有这样的HTML：

Requesting X11 forwarding

然后你可以这样做：

ssh -v -X

您应该可以在此处查看有效的演示：https://jsbin.com/sifuyotulo/edit?html,js,output

P.S。：请记住，可能存在一些问题，旧的IE版本。您必须对其进行优化以实现兼容性。如果您使用的是jquery，则应该能够轻松调整它。

在循环中显示或隐藏div

1 个答案: