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

Question

0

Например, у меня есть этот кусок кода:

<div class="myclass">Hello everybody!</div>

Затем я хочу обернуть  вокруг текста, чтобы это было:

<div class="myclass"><p>Hello everybody!</p></div>

Как я могу сделать это с помощью jQuery?

Я попробовал это:

$('.myclass').text().wrap('p');

Но не сработало.

Payam Shakibafar 12 нояб. 2013, в 08:47

Теги:

wrap

3 ответа

1

попробуй что-нибудь вроде этого

        $(function(){
            $('.myclass').wrapInner('<p></p>');
        })

СПРАВКА:

альтернатива

        $(function(){
            var txt = '<p>' + $('.myclass').text() + '</p>'; 
            $('.myclass').html(txt);
        })

Снова удалить тег p

        $(function(){
            var txt = $('.myclass').text();
            $('.myclass').html(txt);
        })

rajesh kakawat 12 нояб. 2013, в 05:28

0

Другой подход,

$('.myclass').html('<p>' + $('.myclass').text() + '</p>');

Чтобы развернуть тег, вам просто нравится это,

$(".myclass").html($('.myclass > p').text());

Rajaprabhu Aravindasamy 12 нояб. 2013, в 05:36

palaѕн · Accepted Answer · 2013-11-12T06-37-00.000Z

6

Лучший ответ

Вы можете сделать это с помощью .wrapInner():

$('.myclass').wrapInner('<p></p>');

palaѕн 12 нояб. 2013, в 06:37

0

спасибо, и как я могу удалить тег , например, если я оставлю мышь (если я использую функцию наведения) ..
Payam Shakibafar 12 нояб. 2013, в 07:48
0

@ palaѕn Демонстрация, которую вы дали в приведенном выше комментарии, не имеет правильной разметки. Вы просто инкапсулировали текст внутри тега div. Но он должен был быть заключен в тег . Правильно.?
Rajaprabhu Aravindasamy 12 нояб. 2013, в 07:58
0

@ palaѕn OP только что попросил вас удалить тег из этого Div. Я сказал, что ваша входная разметка вообще не имеет тега . Извините, если я вас запутал. :)
Rajaprabhu Aravindasamy 12 нояб. 2013, в 08:05
0

Ой, извините за это. Вот обновленная скрипта для удаления тега с помощью .unwrap() .
palaѕн 12 нояб. 2013, в 08:11

Показать ещё 2 комментария