点击li后只有第一个li执行了打开子页面的操作，怎样让所有li都能执行点击事件?

 <ul class="mui-table-view mui-first-row" id="add">
            <li class="mui-table-view-cell" id="address_add1">
                <span>xxx , 13295015555</span>
                <p>上海市 上海市 宝山区 上大路xx号</p>
            </li>
            <li class="mui-table-view-cell" id="address_add2">
                <span>xxx , 13345056874</span>
                <p>上海市 上海市  上大路xx号 宝山区</p>
            </li>
        </ul>

document.querySelector('#add li').addEventListener('tap',function(){                
                pushWebView({
                    webType: 'newWebview_First',http://ask.csdn.net/#
                    id: 'me/change_address.html',
                    href: 'me/change_address.html',
                    aniShow: getaniShow(),
                    title: "修改地址",
                    isBars: false,
                    barsIcon: '',
                    extendOptions: {},
                    extras:{'myname':'name'}
                })
            },false);

    var lis = document.getElementById('add').getElementsByTagName('li');
    for (var i = 0; i < lis.length; i++)
        lis[i].addEventListener('tap', function () {
            pushWebView({
                webType: 'newWebview_First',
                id: 'me/change_address.html',
                href: 'me/change_address.html',
                aniShow: getaniShow(),
                title: "修改地址",
                isBars: false,
                barsIcon: '',
                extendOptions: {},
                extras: { 'myname': 'name' }
            })
        }, false);

同时打开很多子页面？

var array=document.querySelectorAll('#add li');
for(var i= 0; i< array.length; i ++){
array[i].addEventListener('tap',function(){ },false);

}

个人觉得思路很重要，在使用选择器的时候只选择了一个

标签进行了事件绑定，只要使用选择器全部选择绑定即可，楼上已经出现正确答案。