jQuery通过不同的链接显示divs同一类

时间:2018-07-01 10:36:22

标签: javascript jquery

我有用于加载内容的窗口模式,该窗口显示在主体内容中并通过追加创建,这种情况下,该窗口模式具有相同的类,我可以关闭并单击此窗口的标题,但是我需要关闭页面底部的链接,这种情况下我不知道该怎么做,因为我不能像其他情况一样使用prev或next,因为div在模式窗口中没有div的父级在此页脚的问题

我测试的代码是这样的:

JQUERY

<script>
function open_tabs(id)
{   
jQuery(id).prev('.win_1').toggle();
jQuery(id).next('.win_1').toggle();
jQuery(id).remove();
}
</script>

HTML

<div id="content_win" class="win_1" style="display:none;">Open DIV 1</div>
<div id="content_win" class="win_1" style="display:none;">Open DIV 2</div>


<div id="content_elements">
<div id="elements" class="test_1"></div><span class="win_1" onclick="open_tabs(this)">OPEN 1</span>
<div id="elements" class="test_1"></div><span class="win_1" onclick="open_tabs(this)">OPEN 2</span>
</div>

这个想法是,当单击跨度标签内的链接时,分别打开一个div和另一个div,然后删除要打开的链接,我不知道该怎么做,我尝试了很多方法,但是永远不会得到结果,是的,如果使用例如prev或next或parent,但是问题在于divs带有类win_1,它处于绝对位置,并且在页脚和此模态窗口之间存在更多代码

我希望能理解这一点,谢谢高级的帮助

0 个答案:

没有答案