选择特定的DOM到幻灯片

我有一些itemBox，我需要点击itemBox并调用工作项目具有同一ID号SildeUp（工作项被隐藏在一开始）。选择特定的DOM到幻灯片

当其中一个workItem SlideUp时，其他人将被隐藏。

<div class="container"> 
    <div class="row"> 
     <div class="wrapper"> 
      <div class="itemBox" id="item0"> 
       <img src="img/default.jpg" alt=""> 
       <div>titletitle</div> 
      </div> 

      <div class="itemBox" id="item1"> 
       <img src="img/default.jpg" alt=""> 
       <div>titletitle</div> 
      </div> 
     </div> 
    </div> 

</div> 

<div class="workContent"> 
    <div class="workItem" id="work0" style="background-color:#000000;"> 
     <h2>demo1</h2> 
     <img src="img/default.jpg" alt=""> 
     <div>contentcontentcontentcontentcontentcontent</div> 
     <div>contentcontentcontentcontentcontentcontent</div> 
     <div>contentcontentcontentcontentcontentcontent</div> 
     <div>contentcontentcontentcontentcontentcontent</div> 
    </div> 

    <div class="workItem" id="work1" style="background-color:#333333;"> 
     <a class="close" href="javascript:">x</a> 
     <h2>demo2</h2> 
     <img src="img/default.jpg" alt=""> 
     <div>contentcontentcontentcontentcontentcontent</div> 
     <div>contentcontentcontentcontentcontentcontent</div> 
     <div>contentcontentcontentcontentcontentcontent</div> 
     <div>contentcontentcontentcontentcontentcontent</div> 
    </div> 
</div>

我怎么能做到这一点与JavaScript或jQuery的？

来源

2017-10-12 lin

欢迎的StackOverflow！你到目前为止尝试过什么吗？ StackOverflow不是一个免费的代码写入服务，并且期待你 [尝试先解决你自己的问题]（http://meta.stackoverflow.com/questions/261592）。请更新您的问题，以显示您已经尝试过的内容，显示您在 [最小，完整和可验证示例]（http://stackoverflow.com/help/mcve）中遇到的具体问题。欲了解更多信息，请参阅 [如何问一个好问题]，并采取 [网站之旅]（http：// http：// stackoverflow.com/tour） –

这是简单的（我用的jQuery）：

$(".itemBox").click (function(){ 
    $("div[id^=work]").hide(); 
    var id = $(this).attr("id"); 
    var number = id.match(/item([0-9]+)/)); 
    if (number[1]) 
     $("div[id=work" + number[1] + "]").show(); 
})

来源

2017-10-12 04:16:08 diavolic

选择特定的DOM到幻灯片

回答

相关问题