jquery element wrap
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>元素包裹</title> </head> <body> <a href="https://www.tmall.com">天猫</a> <a href="https://taobao.com">淘宝</a> <a href="https://www.jd.com/">京东</a> <a href="https://www.suning.com">苏宁</a> <p>网上购物:</p> <button>wrap()</button> <button>wrapIner()</button> <button>wrapAll()</button> <button>unwrap()</button> </body> </html>
* 1.wrap(content):
* Fonction : envelopper chaque nœud
* Paramètre : contenu ou élément
$('button:eq(0)').click(function(){
//用法一.用一个新标签来包裹目标元素
// $('a').wrap($('<li>'))
//简写:
$('a').wrap('<li>')
//用法二.用已存在的标签来包裹目标节点
// $('a').wrap($('p'))
})* 2.wrapInner(content):
* Fonction : envelopper le contenu de chaque nœud
* Paramètre : contenu ou élément
$('button:eq(1)').click(function(){
//用法一.用一个新标签来包裹目标节点内容
$('li').wrapInner('<strong>')
//用法二.用已存在的标签来包裹目标节点内容
$('li').wrapInner($('p'))
})* 3.wrapAll(content):
* Fonction : envelopper un groupe de nœuds
* Paramètres : contenu ou élément
$('button:eq(2)').click(function(){
//用法一.用一个新标签来包裹目标节点内容
$('li').wrapAll('<ul style="background-color: wheat">')
//用法二.用已存在的标签来包裹目标节点内容,给<li>再套一个<div>
$('li').wrapAll($('<div style="background-color: cyan">'))
})* 4.unwrap(content) :
* Fonction : Supprimer l'élément parent sur le nœud
* Paramètre : Aucun
$('button:eq(3)').click(function(){
$('li').unwrap()
//可以一直往上走
$('li').unwrap().unwrap()
})Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Classement des prestataires de services CDN étrangers
Comment supprimer des pages vierges dans Word
Comment faire défiler les images en ppt
données de récupération de disque
La différence entre supprimer et supprimer
Introduction au système d'exploitation Linux
A quoi sert Bitlocker
Comment envoyer votre position à quelqu'un d'autre
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
