00:01
嗯,下一步呢,这不是我们需要有有一些个解块的代码来写哈,首先呢,就是这个。点它把这儿选中的放到这边。这个事儿可能我们猛地这么一想哈,可能没有再去写填码,我觉得这个事儿挺麻烦,你可能你想想这个得写好多行代码哈,哎,但其实实质实质性的代码其实就一行。嗯呃,那么我们这个从哪开始呢。咱们。画个图给大家去捋一下这个思路哈。咱们把一个事儿,把一个整明白了,另外一个就好办了。这样吧,咱们还是在这儿画吧。嗯。大家看啊。
01:01
呃,我们呢,当然肯定是给这个绑定单钱数啊。就希望大家呢,你自己也能够学会这样的办法呢,去分析这个事儿。啊去分析这事,然后其实你学会这分析以后,你编程的能力就大大的这个就提升,诶嗯,然后呢,你以前在做项目之前学的那些技术,然后和这个具体功能能连起来,这些技术呢,才真正的落地了,就更扎实的去去掌握了,啊这就形成了一个我们整个的形成一个闭环。嗯。就是给他绑定单小函数。这个单选函数里边要做什么呢?我们要找到这里边儿被选中的。
02:01
找到被选中的option。嗯。这是这是在我们单详述里边哈,去找到这边选中的option,把这边选中的option呢,干嘛呢,追加到这里边。追加。到另外一边的。这个select标签中。就是这是一个select,这是另外一边的select。这个箭头朝这边画过来。哎。我们要做的就是这么一个事儿啊。CTRLC。
03:04
那完了,具体这个代码怎么写呢?一步一步来啊,咱们先找到它。找到他,因为给要给他绑定单小数,得去找到它,这东西在哪呢?我们看看啊。嗯,在这个地方。哎,这是一个按钮,这是一个按钮,其实这是两个Li啊,这两个Li,这一个是right就朝右的,这个就是它。诶,然后这个呢,朝左的这个呢,就是它,诶。那么我们给这个朝右的这个啊,咱们先给朝右这个绑定一个单项函数,嗯,哎,为了方便能够拿到它呢,咱们去给它设置一个ID。这个叫to right。But。RIGHT。那么下边这个呢,叫做to left but。
04:01
哎,然后。喂喂喂,哎,然后呢,嗯,CTRLC绑定单小函数。嗯,看着啊。嗯,先A一下啊,确认一下这个绑定上了。行没问题是吧,绑定上啦,然后呢,说我们要找到。从从这个select里边啊,我们把这个拿到下边哈。从这个select里边找到被选中的。那么先说这个select怎么去找到它?当然你可以给他设置个ID啊,如果说我们要不设置ID,我们看这个页面上一共就这么两个select,这是第一个啊,所以说呢,这个这个选择器其实也可以这么写。
05:10
Select标签,然后呢,找第一个。冒号。这个这是equal嘛,这等于嘛,零就下标零就是第一个啊,就这个时候用这个呢,表示是选择它的第一个啊,然后呢。这个大于号。啊,大于号表示是找它的子元素。啊子元素,这就不不需要找后代了哈,因为select。嗯,我们这么看啊。Select下边它直接就是option,这就是他的子元素,这个大于号呢,就是找它的子元素,哎,然后呢,这边子元素啊,它的option。找这个被选中的就是selected。
06:00
诶。啊,就这个时候吧,我们可以去。呃,你解query呢,其实就是说你要是对解query的这个手册你比较熟的话啊,你看这不这些不都选选择器吗。啊,这是DOM操作,这边是Ajax啊,这边是它的一些个核心操作,这操作属性啊,你要对这个要是比较熟的话,其实嗯,你写解块为代码就无无往而不利啊。你看我们这里边儿呢,你看我们刚才用的这几个啊,选择题哈。这是标签选择器。哎,就是我们这里边element这个。然后呢,在下边儿这个负节点啊,负元素找子元素是这个大于号是在这。然后呢,冒号equal two就是冒号equal啊是是它,哎,还可以找偶数的,找奇数的哎。然后呢,这里边儿就是说这个selected冒号,Selected这个在哪呢?这个在这哈。
07:00
冒号select啊是找,就是下拉列表里边找这个被选中的,哎。把这个找到以后,下一步呢,我们要把它。给放到另外一边,放到另外一边。放到另外一边呢,叫做a to。就是把这边定位到的东西去添加到你指定的这个元素里边,这个end to呢。Panda to在这儿。这个openend to,哎,Openend to啊,把它追加到,追加到我们指定的这边,哎,指定的这边是谁呢?就是一口一。就是另外一边。搞定,跑一下试试啊。我们没有刷新哈,没有刷新的时候,没有刷新的时候,这个没有这个功能啊,我们下边刷新一下啊。比如说这个456哈,诶我点。
08:04
过来了。然后隔着选80 12。诶,我点就过来了,哎,然后呢,你这边。一大堆啊。所以说其实你看实质上,实质上来说就一行代码哎。Select。嗯,是。标签选择器也叫也叫这个元素选择器。冒号EQ。零哎表示选择。呃。页面上的第一个。冒号EQ1。这个呢,它表示。选择页面上的第二个。然后这个大于号。
09:05
表示选择子元素。元素。咱们讲的那个清朝那些皇帝是吧,哎,副元素子元素是吧,前先被祖先元素和后代元素等等空格是表示是选择这个后代元素。然后selected。他表示,选择。被选中的option。哎,然后那这个其实意思是一样的啊,End to表示是这个。它能够将query对象啊,去追加到指定的位置,哎,就是把你这边选中的东西给添加到这。
10:00
这是去右边,那去左边的话,那就颠倒一下不完事儿了吗。To left。把这儿改一下。把这改成一,把这改成零。对吧。哎,然后这个刷新一下。行了,这不过来了吗?啊,那他肯定是放在后边哈。啊,你要放前面。放前面这个叫to。哎,Prepare。就是这个解块瑞他也考虑很周到啊,你是这些这个各种情况他都有这个考虑到。
我来说两句