2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: bad87fee1348bd9aed608826
|
2020-12-16 00:37:30 -07:00
|
|
|
title: 使用 jQuery 的 appendTo 方法移动元素
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 6
|
2020-09-07 16:17:51 +08:00
|
|
|
forumTopicId: 18340
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
现在我们学习把标签从一个`div`移动到另一个`div`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
jQuery 有一个`appendTo()`方法,可以选取 HTML 标签并将其添加到另一个标签里面。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
例如,如果要把`target4`从右框移到左框,可以设置如下:
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
`$("#target4").appendTo("#left-well");`
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
请把`target2`标签从`left-well`移动到`right-well`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
`target2`标签应该不在`left-well`内。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
assert($('#left-well').children('#target2').length === 0);
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
`target2`标签应该在`right-well`内。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
assert($('#right-well').children('#target2').length > 0);
|
|
|
|
```
|
2020-09-07 16:17:51 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
仅用 jQuery 移动这些标签。
|
2020-09-07 16:17:51 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```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--
|
2020-09-07 16:17:51 +08:00
|
|
|
|