Jquery中 循环遍历 选择器 each()

    xiaoxiao2021-03-25  127

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("li").each(function ( index,element){ alert(index); alert(element); alert($(this).text()) }); }); }); </script> </head> <body> <button>输出每个列表项的值</button> <ul> <li> Coffee</li> <li> Milk</li> <li> Soda</li> </ul> </body>

    </html>

    弹出结果 :

       0

    [object HTMLLIElement]

    Coffee

    1

    [object HTMLLIElement]

    Milk

    2

    [object HTMLLIElement]

    Soda

    转载请注明原文地址: https://ju.6miu.com/read-13162.html

    最新回复(0)