Javascript 显示/隐藏动态指定类的div

Javascript 显示/隐藏动态指定类的div,javascript,jquery,Javascript,Jquery,我根据api回调数据动态分配div id。例如,我返回了一组附加到div的数据,我可以为div id分配一个唯一的ip地址。我可以完全控制我可以分配的内容,即DIV id或class或其他任何内容 我附上了一个输出的例子,希望它能澄清我在寻找什么 我希望能够实现的是,当单击端点链接时,它将显示相应的div并隐藏所有其他div数据框。。端点链接可以被点击,我可以向它们添加onclick脚本或者任何需要做的事情 无论我们使用div id还是类名,我都不担心。因为元素是动态生成的,所以最好使用类IMO

我根据api回调数据动态分配div id。例如,我返回了一组附加到div的数据,我可以为div id分配一个唯一的ip地址。我可以完全控制我可以分配的内容,即DIV id或class或其他任何内容

我附上了一个输出的例子,希望它能澄清我在寻找什么

我希望能够实现的是,当单击端点链接时,它将显示相应的div并隐藏所有其他div数据框。。端点链接可以被点击,我可以向它们添加onclick脚本或者任何需要做的事情


无论我们使用div id还是类名,我都不担心。

因为元素是动态生成的,所以最好使用类IMO

HTML

如果您想最初隐藏内容,只需添加以下CSS类,它最初隐藏内容

.hideThis{
    display: none;
}

因为元素是动态生成的,所以最好使用类IMO

HTML

如果您想最初隐藏内容,只需添加以下CSS类,它最初隐藏内容

.hideThis{
    display: none;
}

这应该很好用

在我使用EndPoint的演示中,为div分配一个类。onclick函数将使用该类查找并隐藏div元素。然后它将使用这个元素来触发函数,将该元素中的div作为目标并显示它

$'.EndPoint'。单击,函数{ $'.EndPoint'。查找'div'。隐藏; $this.find'div'。show; }; .EndPoint div{display:none;} IP地址:216.12.145.20 IP地址:172.230.105.123 IP地址:206.204.52.31
这应该很好用

在我使用EndPoint的演示中,为div分配一个类。onclick函数将使用该类查找并隐藏div元素。然后它将使用这个元素来触发函数,将该元素中的div作为目标并显示它

$'.EndPoint'。单击,函数{ $'.EndPoint'。查找'div'。隐藏; $this.find'div'。show; }; .EndPoint div{display:none;} IP地址:216.12.145.20 IP地址:172.230.105.123 IP地址:206.204.52.31
看起来很有希望,但我不想隐藏端点链接,因为我也希望能够单击它们。我只想在itlooks下隐藏数据,但我不想隐藏端点链接,因为我希望能够单击它们。我只是想把数据隐藏在它下面这看起来就像我想要的那样,但是我需要一些时间来将它应用到我的代码中。。唯一的注释是ip地址数据将位于其自己的div中,并且div id为ip地址。数据不会是标签,所以希望这不会成为问题?如果显示数据,似乎不起作用。追加$响应0.1测试数据;端点中的大写字母P。别忘了也关闭第一个div。试试这个$response0.appendtestdata;由于某些原因,它没有阅读css样式。。当我运行输出时,所有内容都会展开,单击端点链接不会执行任何操作。.EndPoint div{display:none;}这似乎正是我想要的功能,但我需要一些时间将其应用到我的代码中。。唯一的注释是ip地址数据将位于其自己的div中,并且div id为ip地址。数据不会是标签,所以希望这不会成为问题?如果显示数据,似乎不起作用。追加$响应0.1测试数据;端点中的大写字母P。别忘了也关闭第一个div。试试这个$response0.appendtestdata;由于某些原因,它没有阅读css样式。。当我运行输出时,所有内容都会展开,单击端点链接不会执行任何操作。.EndPoint div{display:none;}
.hideThis{
    display: none;
}