js 点击 li 获取设定的参数信息

anxianji8612

于 2018-09-26 19:38:00 发布

阅读量224

点赞数

原文链接：http://www.cnblogs.com/mzlb520/p/9709125.html

版权

本文介绍了一种使用JavaScript遍历特定类元素并为每个元素添加点击监听事件的方法。通过实例代码展示了如何在点击带有特定类的元素时，弹出该元素的ID，实现了动态获取并响应用户交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做一个项目、嗯、

上代码

   $(".news-item").each(function(i){ 
            $(this).on('tap',function(){
                alert($(this).attr('id'));
            });
         });

这是js 调运的方法：上面的意思是遍历 news-item 、给每个都添加一个点击的监听事件、然后在点击相应的li的时候、弹出相应的自己获取的参数，

  <li id="25" class="mui-table-view-cell mui-media news-item">
                  <a href="javascript:;">
                      <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
                      <div class="mui-media-body">
                          CBD
                          <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
                      </div>
                  </a>
              </li>