标签:按钮 获取数据 怎么办 取数 列表 jquery选择器 parent 详细 button
在开发过程中会遇到这样的情况
后台返回了一堆的数据,是一个列表
例如
datas = [{"a":1, "b":2}, {"c": 3,"d":4}, {"c": 3,"d":4}, {"c": 3,"d":4}]
前端的html可以通过使用
<div id="test"> {% for data in datas %} <p>{{ data.a }}</p> <p>{{ data.b }}</p> {% endfor %} </div>
来获取数据,但是如果想要指定的数据,如要获取列表中的第二个字典的数据怎么办呢?查询了下资料
{{ datas.2 }}
貌似可以实现这个效果
如果是这样
<div id="test"> {% for data in datas %} <p>{{ data.a }}</p> <p>{{ data.b }}</p> <button onclick="function()">test</button> {% endfor %} </div>
点击按钮弹出弹窗获取更详细的数据呢
其实可以通过使用jquery选择器来选择指定的值
function(){
$(this).parent().childNodes[1].childNodes[0]
$(this).parent().childNodes[2].childNodes[0]
}
这样可以获取到指定的data.a和data.b的值。缺点是写死了,如果页面有改动就要重新修改
标签:按钮 获取数据 怎么办 取数 列表 jquery选择器 parent 详细 button
原文地址:http://www.cnblogs.com/lgh344902118/p/6973117.html