0

Есть переменная в которой хранится такой текст:

всем привет <h4>это я</h4> и это мой сайт:
<a href="mysite.com" target="_blank">mysite.com</a>

как можно из этого текста сделать такой текст:

всем привет <h4>это я</h4> и это мой сайт: mysite.com

то есть мне нужно убрать HTML код ссылки при этом оставив сам текст ссылки не затрагивая другие HTML тэги, спасибо

2
  • @Visman там говорилось только про ссылки, а тут есть еще и другие тэги, которые надо сохранить 3 июл 2017 в 12:18
  • и зачем все это сунуть в переменную и потом убрать ссылку? 5 июл 2017 в 7:59

4 ответа 4

1

Могу предложить такой фрагмент

var element = document.getElementsByTagName("a")[0];
var parent = element.parentNode;
while (element.firstChild)
  parent.insertBefore(element.firstChild, element);
parent.removeChild(element);
<a href="google.com">ссылка</a> на сайт удалена

2
  • Вроде работает. Сделано не через регулярки. Интересно, за что минус-то?
    – Nick Volynkin
    5 июл 2017 в 7:57
  • Возможно, дело в том, что код работает с document, а не с произвольной строкой.
    – Nick Volynkin
    5 июл 2017 в 8:00
-1

При условии валидности вашего html в переменной можно воспользоваться регуляркой для удаления открывающего/закрывающего тега a:

var text = "всем привет <h4>это я</h4> и это мой сайт:\n\
<a href=\"mysite.com\" target=\"_blank\">mysite.com</a> и <a href=\"mysite2.com\" target=\"_blank\">mysite2.com</a>";
text = text.replace(/<a[^>]*>|<\/a>/ig, '');
console.log(text);

-2

var s = 'всем привет <h4>это я</h4> и это мой сайт:\n\
 <a href="mysite.com" target="_blank">mysite.com</a>';

$("body").html(s).find("a").replaceWith(function () {
  return $(this).html();
});
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

5
  • А что-нибудь кроме кода? 3 июл 2017 в 12:50
  • @PavelMayorov, тут и так всё понятно. Но если очень хочется, можешь написать собственный ответ.
    – Qwertiy
    3 июл 2017 в 12:51
  • 2
    Сейчас на странице три ответа, которые непонятно чем отличаются. И к тому же показываются в случайном порядке... 3 июл 2017 в 12:53
  • @PavelMayorov, и ни один из них автору не подошёл, потому что он хочет получить строку, а не dom-элементы. Самое время написать ещё один. А случайный порядок - это не страшно - они все независимые и разные :)
    – Qwertiy
    3 июл 2017 в 12:57
  • @Qwertiy самое время оформить одним нормальным ответом
    – user177221
    3 июл 2017 в 19:37
-2

var s = 'всем привет <h4>это я</h4> и это мой сайт:\n\
 <a href="mysite.com" target="_blank">mysite.com</a>';

var els = $.parseHTML(s).map(function (x) {
  return x.tagName === 'A' ? document.createTextNode(x.textContent) : x
});

$("body").append(els);
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

1
  • спасибо, ваш ответ мне практически подошёл, но дело в том что у меня есть функция, в которую поступает текст, потом текст идёт в переменную, и после обработки, функция возвращает эту переменную, я пробовал вставить ваш код, даже немного поигрался, у меня одни ошибки в консоле, подскажите как его под функцию адаптировать?
    – turik97
    2 июл 2017 в 23:08

Ваш ответ

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

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