2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
id: bad87fee1348bd9aed508826
|
2020-12-16 00:37:30 -07:00
|
|
|
|
title: 使用 jQuery 克隆元素
|
2018-10-10 18:03:03 -04:00
|
|
|
|
challengeType: 6
|
2020-09-07 16:17:51 +08:00
|
|
|
|
forumTopicId: 16780
|
2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --description--
|
|
|
|
|
|
2020-09-07 16:17:51 +08:00
|
|
|
|
除了移动标签,也可以把元素从一个地方复制到另一地方。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
jQuery 有一个`clone()`方法,可以复制标签。
|
|
|
|
|
|
|
|
|
|
例如,如果想把`target2`从`left-well`复制到`right-well`,可以设置如下:
|
|
|
|
|
|
|
|
|
|
`$("#target2").clone().appendTo("#right-well");`
|
|
|
|
|
|
|
|
|
|
你是否注意到这两个 jQuery 方法连在一起了吗?这被称为`链式调用(function chaining)`,是一种用 jQuery 实现效果的简便方法。
|
|
|
|
|
|
|
|
|
|
克隆`target5`标签并附加到`left-well`。
|
|
|
|
|
|
|
|
|
|
# --hints--
|
|
|
|
|
|
|
|
|
|
`target5`标签应该在`right-well`内。
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
assert($('#right-well').children('#target5').length > 0);
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
克隆`target5`标签并放在`left-well`内。
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
assert($('#left-well').children('#target5').length > 0);
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
仅用 jQuery 移动这些标签。
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
assert(!code.match(/class.*animated/g));
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
2020-08-13 17:24:35 +02:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --solutions--
|
|
|
|
|
|