js如何动态的获取input中的值？

这个问题不知道该怎么问。
通过输入不同的数字，可以生成不同数量的button和input。
每一个button都对应一个input。

假如输入5，生成5个button和5个input，如下图所示。

我想点击button，就alert出input中的值，但是这里js不太清楚应该怎么取值，求指点。

 数量：<input type="text" onblur="createItem(this)"/>
<script>
    function createItem(t) {
        var n = parseInt(t.value) || 0,s='';
        for (var i = 0; i < n; i++) s += '<div><input type="text"/><input type="button" onclick="getValue(this)" value="button"/></div>';
        document.getElementById('dvList').innerHTML = s;
    }
    function getValue(btn) {
        var input = btn.previousSibling;
        alert(input.value)
    }
</script>
<div id="dvList">

</div>

for循环生成input 和 but的id属性拼接下都设置为 but1、but2、but3、but4、but5和input1、input2、input3、input4、input5.

当点击${"#input+"i"+")的时候alert(${"#but+"i"+").val());

http://blog.csdn.net/csdn9_14/article/details/53067533