多个div标签里面有button按钮

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

通过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>

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

循环div在div里放入button。在button绑定事件,事件参数是当前数据。

没太明白,最好,能画个示意图出来哦

var iptAyy = document.getElementsByTagName("input");
var btn;
for(var i=0;i<iptAyy.length;i++){
if(iptAyy[i].type="submit"){
btn = iptAyy[i];
}
}

直接给button绑定事件 如果是jq就好做了