附加不正常

Question

我有这个HTML

<dl class="dl-horizontal">
    <dt>Phone</dt>
    <dd id="pmbb_phone"></dd>
</dl>

现在我想将ajax请求成功附加到id="pmbb_phone"

我正在使用此代码

$('#pmbb_phone').text=response.data['phone'];

但我的代码无法运作

我也在使用以下方式，但没有工作

 $('#pmbb_phone').html=response.data['phone'];

Answer 1

不要将Javascript与jQuery混合

Javascript语法

document.getElementById("pmbb_phone").text = response.data['phone']; 
document.getElementById("pmbb_phone").innerHTML = response.data['phone'];

Jquery的语法

$('#pmbb_phone').text(response.data['phone']);
$('#pmbb_phone').html(response.data['phone']);

Answer 2

首先，正如Tushar的评论中所提到的，你正在混淆JS和jQuery的使用。

即。你需要从

更新

$('#pmbb_phone').text=response.data['phone'];
$('#pmbb_phone').html=response.data['phone'];

到

$('#pmbb_phone').text(response.data['phone']);
$('#pmbb_phone').html(response.data['phone']);

其次，在主题中你正在寻找append。但是，上述函数不会附加，而是替换html。

要追加，您需要使用append函数。

$('#pmbb_phone').append(response.data['phone']);

供参考，append()，text()和html()