多个div标签里面有button按钮

Question

多个div里面有好几条数据还有button按钮，点击按钮的时候获取div标签里面的属性值，循环button按钮还是div标签？

Answer 1

通过dom关系获取，示例如下。

<div id="div1">
    <input type="button" value="点我" onclick="GetAttr(this)" />
</div>
<div id="div2">
    <input type="button" value="点我" onclick="GetAttr(this)" />
</div>
<div id="div3">
    <input type="button" value="点我" onclick="GetAttr(this)" />
</div>
<script>
    function GetAttr(btn) {
        var div = btn.parentNode;
        alert(div.id)
    }
    //动态绑定的话，this对象为当前点击的按钮，可以去掉input的onclick。
    /*var btns = document.querySelectorAll('input[type=button');
    for (var i = 0; i < btns.length; i++)
        btns[i].onclick = function () {
            var div = this.parentNode;
            alert(div.id)
    };*/
</script>

帮你有帮助能点个采纳吗，谢谢~