0

Как в JavaScript при помощи replace заменить в теге <a> содержимое параметра data на переменную v1, а содержимое span на v2? Другими словами %name1 на 'Стиральная машина', %name2 на 'Вятка'. Создав при том клон html кода записав его в переменную:

var v1 = 'Стиральная машина';
var v2 = 'Вятка';

html:

<h3 class="category">
      <a class="link" href="#" data="%name1">
            <span class="cat-title">%name2</span>
      </a>
</h3>

Спасибо!

2
  • а не проще использовать возможности библиотеки jQuery?
    – player0k
    26 авг 2016 в 19:44
  • @player0k Нет, нужно на JavaScript
    – Pavel
    26 авг 2016 в 19:46

2 ответа 2

3

var v1 = 'Стиральная машина',
    v2 = 'Вятка',
    wr = document.querySelector('#wrapper');

wr.innerHTML = wr.innerHTML.replace(/%name(\d+)/ig, (f, n) => {
  // f - всё совпадение, например %name1
  // n - номер, например 1
  switch(+n){
    case 1: // %name1
      return v1;
      break;
    case 2: // %name2
      return v2;
      break;
    default:
      return f;
  }
});
Before:
<br />
<h3 class="category">
      <a class="link" href="#" data="%name1">
            <span class="cat-title">%name2</span>
      </a>
</h3>
<hr />After:
<br />
<div id='wrapper'>
  <h3 class="category">
      <a class="link" href="#" data="%name1">
            <span class="cat-title">%name2</span>
      </a>
</h3>
</div>

0
0

Напишите функцию

function ReplaceText(v1, v2, str){
    var newStr=str.replace('%name1', v1);
    var newStr=newStr.replace('%name2', v2);
    return newStr;
}

И тогда вызывайте функцию

var new=ReplaceText('Стиральная машина', 'Вятка', '<h3 class="category"><a class="link" href="#" data="%name1"><span class="cat-title">%name2</span></a></h3>');
4
  • не работает функция
    – Pavel
    26 авг 2016 в 20:49
  • var new? серьезно?
    – Grundy
    26 авг 2016 в 21:37
  • я для примера написал
    – Diefair
    27 авг 2016 в 17:03
  • new - не может использоваться как идентификатор, ибо зарезервированное слово, узнать больше: ph4.ru/javascript_reserv.php new - 7:2 в таблице.
    – user207618
    27 авг 2016 в 17:55

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.