Блог

Главная - Вопросы по программированию - Как добавить начальный и конечный теги отдельно в jQuery

Как добавить начальный и конечный теги отдельно в jQuery

#html #jquery

#HTML #jquery

Вопрос:

итак, мой вопрос в том, как мне добавить открывающий и закрывающий тег отдельно, используя jQuery.

Например.

 <a class="test" href="#">
    <img src="https://images.unsplash.com/photo-1611165243857-d8b0ff81ba63?ixid=MXwxMjA3fDB8MHx0b3BpYy1mZWVkfDIwfDZzTVZqVExTa2VRfHxlbnwwfHx8amp;ixlib=rb-1.2.1amp;auto=formatamp;fit=cropamp;w=500amp;q=60"/>
</a>

Я хочу добавить тег рисунка, чтобы обернуть изображение. Таким образом, результат будет таким, как показано ниже. В настоящее время, когда я использую

 jQuery('img').before('<figure>');
jQuery('img').after('</figure>');

похоже, это не работает. Пожалуйста, посоветуйте. Спасибо.

 <a class="test" href="#">
    <figure>
        <img src="https://images.unsplash.com/photo-1611165243857-d8b0ff81ba63?ixid=MXwxMjA3fDB8MHx0b3BpYy1mZWVkfDIwfDZzTVZqVExTa2VRfHxlbnwwfHx8amp;ixlib=rb-1.2.1amp;auto=formatamp;fit=cropamp;w=500amp;q=60"/>
    </figure>
</a>

Ответ №1:

Вы ищете .wrap() .

 jQuery('img').wrap('<figure></figure>');

Ссылка для получения дополнительной информации, если вы хотите: https://api.jquery.com/wrap /

Ответ №2:

пожалуйста, проверьте приведенный ниже код.

 $( "img").wrap( "<figure></figure>");

Метки: