javascript:通过单击循环中的当前值来获取值

Question

我正在构建数据表，并通过在数据库中设置总记录来获得它们的总数。

现在我对 JavaScript 中的点击事件有点困惑。 这就是我这样做的方式:

 for (var cnt = pageno; cnt < pageno + 5; cnt++) {
                $("#newList").append('<li id="pageno" value=""' + cnt + ' onclick="GetPageno();" > ' + cnt + '</li>');
            }

这是我当前的循环，将设置 5 个列表号。现在，如果我想获取当前列表的值，那么我正在这样做:

function GetPageno() {
        //this.val();


        alert(document.getElementById('pageno').val());


    }

我的网页上有 1 到 5 个号码列表。

如何获取我点击的数字的值？

例如。如果我单击“5”，则警报的值应为“5”，与所有列表元素相同。

Answer 1

通过做<li id="pageno"这是您多次重复相同的 ID，这是不正确的。

而是使用 <li id="pageno_'+cnt+'"并使用下面的代码。

$(document).on('click','li[id^="pageno_"]',function(){
   alert($(this).attr('value'));
});

DEMO