如何打印JSON值
How can printed value JSON
请在这里查看我的完整json: http://jsfiddle.net/D6fTZ/和我想要的。如何为这个json代码放每个重新单元。在每个name_re?如:
我可以使用这个新的JSON(如果上面的JSON不能为我想要的工作。如何用这个JSON完成它):http://pastebin.com/TvcyjykR
"name_re": "11" =用户应该有这个工具提示name_re(11)=> 11
"name_re": "11" =用户应该有这个工具提示name_re(11)=> 666666666 99999 777777 1221
"name_re": "12121112" =tooltip for name_re(12121112)=> 555555 00000000 222222222 333333333
如何修复它?
My try(don't work true):
$.each(data.reunits, function (index, value) {
$('#residence_name').append('<div class="tool_tip"><div class="tooltip"><ul class="li_show"></ul></div><div class="tooltip_hover" style="font-weight: bold; padding: 5px 0 0 0; cursor: pointer;" id="' + value.residence[0].hotel_id + '">' + value.residence[0].name_re + '</div></div>');
tool_tip();
$.each(value.reun, function (index2, value2) {
$('#residence_name .li_show').append('<li>' + value2.name + '</li>');
tool_tip();
});
});
您正在将每个值添加到li_show
。所以它不只是添加一个,它添加了使用li_show
类的每个类。所以也许你可以用唯一名称来改变类名,或者更好的方法是为每个值使用id。检查这个http://jsfiddle.net/D6fTZ/2/
$.each(data.reunits, function (index, value) {
$('#residence_name').append('<div class="tool_tip"><div class="tooltip"><ul class="li_show" id="li_show'+index+'"></ul></div><div class="tooltip_hover" style="font-weight: bold; padding: 5px 0 0 0; cursor: pointer;" id="' + value.residence[0].hotel_id + '">' + value.residence[0].name_re + '</div></div>');
$.each(value.reun, function (index2, value2) {
$('#residence_name #li_show'+index+'').append('<li>' + value2.name + '</li>');
});
tool_tip();
});
下面是一个可用的版本:
$.each(data.reunits, function (index, value) {
var $object = $('<div class="tool_tip"><div class="tooltip"><ul class="li_show"></ul></div><div class="tooltip_hover" style="font-weight: bold; padding: 5px 0 0 0; cursor: pointer;" id="' + value.residence[0].hotel_id + '">' + value.residence[0].name_re + '</div></div>');
$.each(value.reun, function (index2, value2) {
$('.li_show', $object).append('<li>' + value2.name + '</li>');
});
$('#residence_name').append($object);
});
tool_tip();
您遇到的问题是您对'#residence .li_show'执行了第二次追加操作。这意味着您将在中添加页面中的所有,而不是链接到循环中处理的住所的那个。我所做的是将返回值放入一个变量中,从而将它们与主页隔离,并将它们添加一次。
clean jsfiddle here
相关文章:
- 原始javascript将json对象中的项目打印到列表中的屏幕上
- 正在打印JSON属性
- 如何使用 JQuQuery 解析 JSON 对象并在 HTML 页面中以表格格式打印输出
- 从一个复杂的JSON对象打印每个JSON输入路径
- 如何在表中的HTML页面中打印解析的JSON数据
- 迭代JSON对象并将元素打印到屏幕上的最佳方式是什么
- 如何以类似 JSON 的格式打印圆形结构
- 在 nodejs 中有什么方法可以打印 JSON 格式的 log4js 输出
- 如何在控制台.log中打印 JSON 数据
- 将 JSON 数据解析为 SELECT 打印未定义
- 在 jquery 中打印 json 数组
- 如何使用 JQuery 以表格形式打印通用 json 结果
- 本地存储的 json 数组正在打印,但来自 json 的值在 cordova 应用程序中给出未定义
- 在 PHP 中打印包含 SVG 元素的 JSON 数组
- 当我添加额外的行进行重定向时,Highchart 不打印 json
- 如何通过JavaScript打印多维JSON对象
- 将多维JSON打印为html表单输入,名称为属性的xpath
- 将JSON打印到屏幕以用于剪切和粘贴
- 使用Angular将Json打印为HTML字符串
- 我如何从json打印密钥在我的网页上一个接一个