Как скриптом взять текст в одном span и вставить в другой в место текста который в нем?

388
21 июля 2017, 05:17

Как с помощью скрипта взять текст из одного тега span и вставить в span с другим классом (с предварительной очисткой span, в который добавляется текст)?

Как сейчас:

<div class="block1"><span class="ctm">Холодильник Bosch</span></div>
<div class="block2"><span class="mprice">Произвольный текст</span></div>

Как нужно:

<div class="block1"><span class="ctm">Холодильник Bosch</span></div> 
<div class="block2"><span class="mprice">Холодильник Bosch</span></div>

Значение в span с классом .ctm изначально неизвестно (на всех страницах по разному).

Подскажите, пожалуйста, как должен выглядеть готовый скрипт?

Answer 1

Нужно сначала определить общего родителя, например, через .closest(), а потом внутри родителя найти нужный span через .find():

$('span.ctm').each(function() { 
  var text = $(this).text(); 
  $(this).closest('.block').find('span.mprice').text(text); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="block"> 
  <span class="ctm">Холодильник Bosch</span><br /> 
  <span class="mprice">Произвольный текст</span><br /><br /> 
</div> 
<div class="block"> 
  <span class="ctm">Холодильник Philips</span><br /> 
  <span class="mprice">Произвольный текст</span><br /><br /> 
</div> 
<div class="block"> 
  <span class="ctm">Холодильник LG</span><br /> 
  <span class="mprice">Произвольный текст</span><br /><br /> 
</div>

READ ALSO
Изменение размера картинки пользователем javascript

Изменение размера картинки пользователем javascript

Есть блок, в котором содержится картинка:

257
Мемоизация рекурсивных выражений

Мемоизация рекурсивных выражений

В книге Девида Фленегана в главе 88

313
Как открыть DatePicker по клику на свой элемент?

Как открыть DatePicker по клику на свой элемент?

В данной библиотеке дейтпикер открывается по клику на инпутОднако хотелось бы привязать его к обычной кнопке

296
bootstrap select получить элемент

bootstrap select получить элемент

Есть библиотека Bootstrap selectнужно получить событие unselect - т е при снятии выделения нужно узнать на какой элемент был клик не получиться отловить...

282