如何打印值JSON

时间:2011-10-28 08:15:17

标签: javascript jquery json

请在这里查看我的完整json:http://jsfiddle.net/D6fTZ/以及我想要的内容。这个json代码如何将每个reunits.reun放在每个name_re的工具提示中?像:

我可以使用这个新的JSON(如果JSON不能用于我想要的东西。如何用这个JSON完成它):http://pastebin.com/TvcyjykR

“name_re”:“11” =用户应该为此工具提示name_re(11)=> 11 11
“name_re”:“11” =用户应该为此工具提示name_re(11)=> 666666666 99999 777777 1221
“name_re”:“12121112” = name_re的工具提示(12121112)=> 55555 00000000 222222222 333333333

如何解决?

我的尝试(不要正常):

$.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();
    });

});

2 个答案:

答案 0 :(得分:0)

您要将每个值添加到li_show。所以它不添加一个,它添加了使用li_show类的每个类。所以也许你可以用uniq名称更改类名,或者更好地为每个值使用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();

});

答案 1 :(得分:0)

这是一个有效的版本:

$.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