Question

js 多个div，控制多个div事件，大佬指教

点击bout1，改显示list1，点击bout0，显示list0，





Answer 1

<script>
		$(function(){
			$('.list').hide() //隐藏右边全部DIV			
		})
		$('.bout').on('click',(function(){ //当有左边DIV被点击
			$('.list').hide() //隐藏右边全部DIV
			var classes = $(this).attr('class') //取自己的class
			num = parseInt(classes.replace(/[^0-9]/ig,"")); //取自己的数字
			$('.list'+num).show() //对面的div 显示
		}))
		// 另外 全部ID为bt 。。。。
		// 最好不要这样设计 建议左侧元素 给个任意attr 标识显示右边DIV
		
	</script>

望采纳

Answer 2

点击bout1的时候，把list1的z-index属性改为2，其他所有list的改为2

追问

我知道，我能过用很多条代码写出来，当用循环不会写

追答

这不是一样的吗,在改z-index之前，写个for(var i=0;i<alist.length;i++){ alist[i].style.z-index = 1; }