如何将数据从JQuery显示到html <p>标签

Question

下面有一些html p标记代码：

<div class="row">
    <h5 class="col-md-3">Status: </h5><p id = "status" class="col-md-9"></p>
</div>
<div class="row">
    <h5 class="col-md-3">Block: </h5><p id = "block" class="col-md-9"></p>
</div>

jQuery：

$.each(data.txDetails, function(key, val) {
    if(key == 'status') {
        $('#'+key).find('input[value="'+val+'"]').attr('checked', 'checked');
    }
    else {
        $('#'+key).val(val);
    }
});

我想问一下JQuery数据将如何显示在html p标签上？我非常确定我的data.txDetails有数据。 data.txDetails的键与p标签ID相同。但是，p标记上没有显示任何值。怎么解决呢？预先感谢

Answer 1

您需要使用.html()或.text()而不是.val()来插入html。 .val()用于输入字段，而非<p>

之类的html标签

.text()是更安全的选择，因为它将html标记转换为防止XSS的文本

Answer 2

• .val()用于读取或修改value的表单元素
• .html()用于修改用于读取HTML标记的元素
• .text()用于读取或修改文本内容元素

    

  您应该使用.text()或.html()而不是.val()

$('#'+key).text(val);

Answer 3

尝试类似

$('#'+key).attr('value',val); 

或

$('#'+key).html(val);

或

$('#'+key).append(val);