点击一个按钮 获取另外一个或者多个按钮的值

如图 点击下面的按钮 获取上面按钮的值

 <script>
    function Total() {
        var btncont = document.getElementById("button-box");
        var btn = btncont.getElementsByTagName("button");
        for (var i = 0; i < btn.length; i++) {
            console.log(btn[i].id);//id
            console.log(btn[i].innerText);//内容
        }

    }
</script>

踏马的 我给弄复杂了 像这样就行了

加上时间，当单击或者别的时间时，在方法中获取id= ？的值

 <div id="button-box">
<div class="content-padden"><button class="button1" id="button2-4">111111</button></div>
<div class="content-padden"><button class="button1" id="button3-1">1111121</button></div>
<div class="content-padden"><button class="button1" id="button3-2">1111211</button></div>
<div class="content-padden"><button class="button1" id="button3-3">1111131</button></div>
<div class="content-padden"><button class="button1" id="button3-4">1111411</button></div>
<div class="content-padden"><button class="button1" id="button4-1">1111511</button></div>
</div>
<div class="content-padden">
    <button class="button1" id="button1" onclick="Total()">Action</button>
</div>
<script>
    function Total() {
        var Arr = []; // 定义一个空数组
        var btncont = document.getElementById("button-box");
        var btn = btncont.getElementsByTagName("button");
        /*var btn = $('.button-box').find('button'); // 获取所有button*/
        for (var i = 0; i < btn.length; i++) {
            btn[i].i = btn[i].innerText;
            console.log(btn[i].i);
        }

    }
</script>

那个空数组就别..在意了做实验用的，jquery不熟练注释那一行好像不太对，凑合着看吧

外面再加一层div用jQuery eq for循环获取想获取指定的某个直接加条件就好

直接用each或者用数组带的map函数就很容易搞定这个问题了，帅哥