javascript - 附加javascript函数中的内容和[数据]标签

Question

基本上，我想要做的是编辑下面的函数，以便<p>标签包含内容“正在加载”，并且<span>标签在标签中具有 data-icon 属性：

    <p class="loadingp hidden">
        loading
    </p>
    <span class="loadingspan hidden" data-icon="&#xe022"></span>

功能是：

$(function(){
    // add the loading div, but mark it as hidden
    var loading = $('<div>', {'class': 'loading hidden'})
    var loadingbg = $('<div>', {'class': 'loadingbg hidden'})
    var loadingp = $('<p>', {'class': 'loadingp hidden'})
    var loadingspan = $('<span>', {'class': 'loadingspan hidden'}).data('icon', '\ue022')
    // append it
    $('div.order').append(loading);
    $('div.loading').append(loadingbg);
    $('div.loadingbg').append(loadingp);
    $('p.loadingp').append(loadingspan);
    // now when we click the button launchg the pop up
    $('button#complete').click(send_to_friend)
});

Answer 1

text也可以作为初始化对象的一部分。

var loadingp = $('<p>', {'class': 'loadingp hidden', text: 'loading'});
var loadingspan = $('<span>', {'class': 'loadingspan hidden', 'data-icon': '\ue022'});

您也可以使用该.text()功能。

（如果这不是你的问题，我不确定是什么）