Javascript 无序列表jquery在固定位置显示列表中的选定项

我有一份无序的名单。我必须从列表中选择一个项目，并将其显示在固定的空间中

我的问题是，总是可视化列表的最后一个元素，当我点击其他链接时，最后一个总是在前面

如何可视化我选择的元素？ 我的列表很长，无法对所有项目执行hide命令

---

单击div后，您忘记隐藏其他元素

如下更改代码：

$show1.clickfunction{ $'.view'.hide；//将其添加到代码中以再次隐藏元素。 一元五角； };

因此，您的列表很长，您无法对所有项目执行hide命令： 将类视图添加到您的div中

我更新了你的小提琴：

---

单击div后，您忘记隐藏其他元素

如下更改代码：

$show1.clickfunction{ $'.view'.hide；//将其添加到代码中以再次隐藏元素。 一元五角； };

因此，您的列表很长，您无法对所有项目执行hide命令： 将类视图添加到您的div中

我更新了你的小提琴：

您可以使用索引并在图像周围添加包装

$document.readyfunction{ $element div.clickfunction{ $'.images div'.hide； var index=$this.parent.index； $.images div.eqindex.show； }; }; .影像科{ 显示：无； } showElementOne 展示元素二 展示元素三 您可以使用索引并在图像周围添加包装

$document.readyfunction{ $element div.clickfunction{ $'.images div'.hide； var index=$this.parent.index； $.images div.eqindex.show； }; }; .影像科{ 显示：无； } showElementOne 展示元素二 展示元素三

---

您需要能够操纵不想显示的其他元素。除非您有一个在修改css时动态更新的全局z-index变量，@dr_debugs方法是一个不错的选择。您只需将类名复制并粘贴到每个列表元素中。您需要能够操作不想显示的其他元素。除非您有一个在修改css时动态更新的全局z-index变量，@dr_debugs方法是一个不错的选择。您只需将类名复制并粘贴到每个列表元素中即可。在代码中很容易看到！非常感谢你！容易和美丽的代码中看到！非常感谢你！

<script>
$(document).ready(function(){
   $("#show1").click(function(){
    $("#one").show();
});
$("#show2").click(function(){
    $("#two").show();
});
  $("#show3").click(function(){
    $("#three").show();
});

});

<ul id="element">
        <li><div id="show1"> showElementOne </div> </li>
        <li><div id="show2"> showElementTwo</div>  </li>
        <li><div id="show3"> showElementThree</div> </li>
</ul>

<div id="one">  <img src="http://www.grandain.com/wp-content/uploads/2014/04/cane_1.jpg" height="402" width="420"> </div> 
<div id="two">  <img src="http://www.guidaprodotti.com/immagini/cane.jpg" height="420" width="420"> </div> 
<div id="three"> <img src="http://www.spaziosociale.it/public/immagini/22102014152877-canebar.jpg" height="420" width="420"> </div>

</body>