在javascript函数中附加<p>内容和[data]标记</p>

时间:2013-09-10 19:16:09

标签: javascript jquery html

基本上,我想要做的是编辑下面的函数,以便<p>标记包含内容'loading',<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)
});

1 个答案:

答案 0 :(得分:1)

text也是初始化对象的一部分。

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

您也可以使用the .text() function

(如果这不是你的问题,我不确定是什么)