如何使用jQuery获取数组值并输入text（）？

Question

我有以下代码：

数组部分：

var menu = 
    [
        {
            td: {'id': 'td_1'},
            a:  {'class': 'td_class', 'id': 'td_id_1'},
            p:  {'title': 'TD1', 'style': 'color:#fff;'}
        },
        {
            td: {'id': 'td_2'},
            a:  {'class': 'td_class_2', 'id': 'td_id_2'},
            p:  {'title': 'TD2', 'style': 'color:#fff;'}
        }
    ];

其余的js代码：

 $.each(menu, function(i, item){
        $('<td>').attr('id', item.td.id)
                .append($('<a>', {'class': item.a.class, 'id': item.a.id})
                .append($('<p>', {'text': item.p.title, 'style': item.p.style})))
                .insertBefore('#menu');
    });

HTML部分：

<div class="block02">
   <h1 id="h1" style="color:#fff;"></h1>
</div>
<td id="menu"></td>

我想从数组添加文本并插入到h1：

if ($('#td_1').hasClass('td_class')){
        $('.block02 h1').text(td.p.title);
    }
} else ....

当然我一无所获。我的问题是：如何获得＆＃34; TD1＆＃34;作为h1的文本值？

Answer 1

您需要遍历p中的段落td元素，然后获取其文字。

使用

$('.block02 h1').text($('#td_1.td_class > p').text());