Как обернуть текст в тег span?

Question

[micrgosu]

Подскажите, что необходимо дописать, чтобы слово Загрузить еще обернуть в тег span или div?

jQuery(function($){
	$('#loadmore').click(function(){
		$(this).text('Загружаю...'); // изменяем текст кнопки, вы также можете добавить прелоадер
		var data = {
			'action': 'loadmore',
			'query': true_posts,
			'page' : current_page
		};
		$.ajax({
			url:ajaxurl, // обработчик
			data:data, // данные
			type:'POST', // тип запроса
			success:function(data){
				if( data ) { 
					$('#loadmore').text('Загрузить ещё').before(data); // вставляем новые посты
					current_page++; // увеличиваем номер страницы на единицу
					if (current_page == max_pages) $("#loadmore").remove(); // если последняя страница, удаляем кнопку
				} else {
					$('#loadmore').remove(); // если мы дошли до последней страницы постов, скроем кнопку
				}
			}
		});
	});
});

Comments

[Юрий Матрос]

так попробуйте. Использовать не text, а html

$(this).html('<span>Загружаю...</span>'); // изменяем текст кнопки, вы также можете добавить прелоадер
$('#loadmore').html('<span>Загрузить ещё</span>').before(data); // вставляем новые посты

Answer 1

[Khamzabek]

jQuery(function($){
  $('#loadmore').click(function(){
    $(this).text('Загружаю...'); // изменяем текст кнопки, вы также можете добавить прелоадер
    var data = {
      'action': 'loadmore',
      'query': true_posts,
      'page' : current_page
    };
    $.ajax({
      url:ajaxurl, // обработчик
      data:data, // данные
      type:'POST', // тип запроса
      success:function(data){
        if( data ) { 
          $('#loadmore').html('<div class="loadmore-wrapper"><span>Загрузить ещё</span></div>').before(data); // вставляем новые посты
          current_page++; // увеличиваем номер страницы на единицу
          if (current_page == max_pages) $("#loadmore").remove(); // если последняя страница, удаляем кнопку
        } else {
          $('#loadmore').remove(); // если мы дошли до последней страницы постов, скроем кнопку
        }
      }
    });
  });
}); 

В данном коде нужно изменить строку:

$('#loadmore').text('Загрузить ещё').before(data);

на

$('#loadmore').html('<div class="loadmore-wrapper"><span>Загрузить ещё</span></div>').before(data); 

Это добавит новый div с классом "loadmore-wrapper", внутри которого будет тег span с текстом "Загрузить ещё".

Вот что на это думает ChatGpt

Answer 2

[alekssamos]

$('#loadmore').html('<span>Загрузить ещё</span>').before(data);