点击显示隐藏

Question

我想实现的功能很简单 就是怎么让点击随便一个div的时候 当前的的innerHTML 为0 其他的显示为1；但是再次点击为0的时候呢 切换0 和1 不知道怎么判断请大神 指教

Answer 1

var divs = $('div');
divs.click(function(){
    $(this).html()==='0'?$(this).html(1):$(this).html(0);
    $(this).siblings().html(1);
})

Answer 2

根据你的描述的好像是这样子功能，你看是不？https://zxui.github.io/compon...

Answer 3

上代码:

<style>
    div{
        display: inline-block;
        width:120px;
        height:120px;
        background-color: gray;
        margin-bottom: 10px
    }
</style>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>0</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script>
    $div = $('div');

    function clickDiv() {
        var $this = $(this),
            val = $this.text();
    
        if (val === '1') {
            $div.not($this).text('1');
            $this.text('0');
        } else {
            $div.not($this).text('0');
            $this.text('1');
        }
    }

    $(document).on('click', 'div', clickDiv);
</script>

没用data缓存，简单写了下~

Answer 4

需求不明确。。再次点击0是只有点击的这个DIV要切换到1 还是其他为1的DIV也要切换到0？

Answer 5

其实我想要的就是这样的 谢谢各位了
PS：（我想要的原生的js JQ的话 我已经写出来了 抱歉 没说清楚）