Блог

Я хочу переопределить существующее содержимое внутри элемента HTML. Я попытался с помощью метода append() к элементу, но затем он только добавляет содержимое к существующему, мне было интересно, есть ли способ переопределить все содержимое в элементе?

 $('input.append').click(function() {
  $('span').append('append')



})
$('input.html').click(function() {
  $('span').html('html')



})  

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>span value</span>
<input type='button' class='append' value='Append' />
<input type='button' class='html' value='Html' />  

1. используйте .html() для изменения.
2. append() просто добавит.

Используйте:

 .empty().html("New Content");
  

Это очистит содержимое вашего элемента, и вы сможете добавить все, что пожелаете.

сначала очистите этот элемент, а затем добавьте html

 eg: $('div').empty()

$('div').html('<h1>some text</h1>')