jQuery将html添加到p标签自定义元素名称

时间:2014-10-21 17:37:52

标签: javascript jquery html

我正在尝试使用jQuery将文本添加到p标记...

我的标签看起来像这样:

<p class="form-control-static" data-display="ccnum">
                                                    </p>

我希望它看起来像这样:

    <p class="form-control-static" data-display="ccnum">4111111111111111
                                                    </p>

基本上,这是结帐表单的确认页面,我正在尝试显示某人从上一页提交的值:

我可以通过这样做来获得这个价值:

$('#ccnum').val();

但我无法弄清楚如何在p标签中设置它。

感谢。

P.S。请不要为了显示cc而烤我......我只会向用户显示最后四个字符。

3 个答案:

答案 0 :(得分:4)

您可以使用text()方法设置元素的文本:

$('.form-control-static').text($('#ccnum').val());

答案 1 :(得分:0)

尝试这个

http://jsfiddle.net/rxb84fxp/2/

HTML

<p id="form-control-static" data-display="ccnum">
</p>

的Javascript

document.getElementById("form-control-static").innerHTML = "whatever";

答案 2 :(得分:0)

像往常一样,我发布并等待后找到答案......

$('p[data-display="ccnum"]').html(ccnum);

我从这个SO线程中找到了基线:jQuery : select all element with custom attribute