JQuery - выберите с помощью: содержит, затем измените содержимое

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

Я могу выбрать только селектором :contains. Как я могу добавлять элементы с помощью этого селектора?

var tel = $('span:contains("+33 (0)1 02 03 04 05")');
var telText = tel.text();
var newTel = '<a href = "#">' + telText + '</a>';
tel.html(newTel);

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js">
<span>phone number</span>
<span>+33 (0)1 02 03 04 05</span>

javascript html jquery css

17.01.2019 10:43

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Здесь это работает, вам просто нужно использовать contains в тексте, который находится внутри диапазона.

var tel = $('span:contains("+33 (0)1 02 03 04 05")');
var telText = tel.text();
var newTel = '<a href = "#">' + telText + '</a>';
tel.html(newTel);

console.info(telText)

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<span>phone number</span>
<span>+33 (0)1 02 03 04 05</span>

17.01.2019 10:46

Другие вопросы по теме

Как центрировать два <div> без их перекрытия?

По электронной почте одобрен дизайн css / html для изогнутого градиентного контейнера с содержимым

Как создать div с границей и радиусом только внизу, внутри другого div с границей и радиусом

Angular 4 добавление изображения перед каждой новой строкой с помощью рендерера

Как я могу получить исходные координаты из элементов activeObjects [] множественного выбора?

Отправить сообщение из iframe на родительский, но на другой компьютер

Как я могу использовать соединение node js mongodb на моем локальном сервере (используя wamp)?

Заставляем темный оверлей исчезать (HTML / CSS / React)

Модальное окно не отображается автоматически при загрузке страницы

HTML не находит информацию о таблице стилей

JQuery - выберите с помощью: содержит, затем измените содержимое

Ответы 1

Другие вопросы по теме

Похожие вопросы