且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-10-21 14:40:41

<!-- 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(); 
          
      })