Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
281 views
in Technique[技术] by (71.8m points)

html - How to add a start tag and end tag separately in jQuery

so my question is how do I add the opening and closing tag separately using jQuery.

For eg.

<a class="test" href="#">
    <img src="https://images.unsplash.com/photo-1611165243857-d8b0ff81ba63?ixid=MXwxMjA3fDB8MHx0b3BpYy1mZWVkfDIwfDZzTVZqVExTa2VRfHxlbnwwfHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"/>
</a>

I want add a figure tag to wrap the image. So the outcome will be like below. Currently when i use the

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

it don't seems to work. Please advise. Thanks.

<a class="test" href="#">
    <figure>
        <img src="https://images.unsplash.com/photo-1611165243857-d8b0ff81ba63?ixid=MXwxMjA3fDB8MHx0b3BpYy1mZWVkfDIwfDZzTVZqVExTa2VRfHxlbnwwfHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"/>
    </figure>
</a>
question from:https://stackoverflow.com/questions/65869074/how-to-add-a-start-tag-and-end-tag-separately-in-jquery

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

You're looking for .wrap().

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

Link for more info if you want: https://api.jquery.com/wrap/


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...