javascript - 关于数据绑定的小问题

问题描述

问 题

<!-- taget -->
<div id="tb1"></div>
<div id="tb2"></div>
<div id="tb3"></div>
<!-- box -->
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>

问题：点击tb显示对应的box 怎么写？
还有就是box里面的数据比较多的话，需要怎么加载？？

解决方案

<!-- taget -->
<div id="parentDiv">
<div id="tb1" val="1">tab1</div>
<div id="tb2" val="2">tab2</div>
<div id="tb3" val="3">tab3</div>
</div>
<!-- box -->
<div class="box1" style="display: none;">box1</div>
<div class="box2" style="display: none;">box2</div>
<div class="box3" style="display: none;">box3</div>

加上一个val属性 

 $("#parentDiv div").click(function(){
      
        var val= $(this).attr("val")
        var box=".box"+val;
        $(box).show(); 
          
      })
      

这篇关于javascript - 关于数据绑定的小问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！