起因
工作当中遇到个有点意思的技术需求:把某个div
元素替换成a
元素。本以为使用jQuery会有现成的API,类似$(element).changeType("a")
啥的,一行代码搞定,结果没找到o(╯□╰)o,看来好久没用jQuery的后果就是喜欢意淫没有的API。自己动手,丰衣足食。
思路
- 获取要替换的元素特性集合,暂存到一个变量里。
- 构造新的元素,即目标元素,并将暂存的特性赋到该元素中。
- 使用jQuery API:replaceWith,将要替换的元素用新构造的元素替换之。
代码实现
|
|
当然,为了更具通用性,可以做成一个插件:
|
|
最后说一句
意淫没关系,或许正是开始创作的好契机。