thinkphp循环数据到页面时,jquery$(this)动态获取指定元素的数据
2017-06-14 23:22
483 查看
用tp框架在前端循输出数据时遇到的情况
<foreach name="artData" item="vo"> <div class="article"> <h2><a href="blog.html">{$vo.title}</a></h2> <p>by<a href="#">xxx</a> | xxxx<a href="#">{$vo.nick}</a> <a href="blog.html"><img src="__PUBLIC__/home/images/img1.jpg" width="613" height="154" alt="image" /></a> <p>{$vo.content}<a href="http://www.imooc.com/">xxx</a>.</p> <p class="spec"><a href="#" class="rm">Read more</a> | <a href="#" class="com">评论 ({$vo.comm})</a> | <span id="pubtime" class="date">{$vo.pubtime}</span></p> </div> </foreach>
当为循环出来的每一个.artucle绑定一个click事件时候,$(“”)内填什么由为重要当填id class 元素标签。。。都会遇到一个问题就是页面的加载时,用的永远都是第一次循环出来的id class 元素标签。所有$(this)上场,动态绑定,谁点击,谁绑定,并且用$(this).find().text()能够有效的获取内容
$(document).ready(function(){ $(‘.article’).click(function(){ var pubtime= $(this).find(“#pubtime”).text(); alert(pubtime); }); });
相关文章推荐
- 使用jQuery的data方法来为页面中的某个元素存储数据,(获取焦点,清除默认值)
- Jquery 获取父页面下指定iframe里的指定元素
- Jquery获取页面的动态元素
- iframe给主页面元素赋值【使用jquery获取页面数据】 .
- 原生js,jquery通过ajax获得后台json数据动态新增页面元素
- 动态创建表格,更新、提交、循环获取表格中各种元素的数据 并转换为JSON,数组的数据格式。
- Jquery :动态给Table指定行或尾行插入tr和相关,遍历页面所有控件获取id
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- iframe给主页面元素赋值【使用jquery获取页面数据】
- iframe给主页面元素赋值【使用jquery获取页面数据】
- jQuery动态加载页面和请求所返回的数据
- 新打开窗口,MD5加密,实体类方式保存在Session中,获得系统根路径,分页,动态获取XML数据到页面
- jQuery页面滚动图片等元素动态加载实现
- 用 jQuery 获取 iframe 父页面元素
- 利用JQuery的load函数动态加载页面 以及jQuery动态加载页面和请求所返回的数据
- 用 Javascript 获取指定页面元素的位置
- jquery依然简短几句代码实现给元素动态添加及获取提示信息
- jQuery页面滚动图片等元素动态加载实现
- jquery 定位元素并获取数据
- 如何让动态创建的页面元素响应用户事件 (HTML/javascript/jQuery/Ajax/DOM)