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

Question

 <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);

Answer 1

    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);