2016-05-26 3 views
-1

У меня есть этот HTMLAppend не работает правильно

<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']; 
+3

Путаница jQuery с синтаксисом JS. Используйте '$ ('# pmbb_phone'). Text (response.data ['phone']);' или '$ ('# pmbb_phone'). Html (response.data ['phone']);' – Tushar

+0

Итак, это следует закрыть как типографическую ошибку? –

ответ

2

Не смешивать 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']); 
+1

В JS нет свойства 'text', это' textContent'. – Barmar

+0

есть ... pleass проверить ссылку http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_option_text3 –

+1

Это только для опций, а не для других элементов. – Barmar

1

Во-первых, как упоминалось в комментариях Тушара, вы смешиваете использование 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()

Смежные вопросы