通过单击将jquery toggle append()元素彼此附加

通过单击将jquery toggle append()元素彼此附加,jquery,append,Jquery,Append,我在中用span包装了一些单词。如果我单击每个单词,它将附加到另一个元素(这里是)。我的问题是相反的过程。当我点击最后一个div中的每个单词时,它将不会返回基本div(ID=“xxx”)。 我的代码是: var s=$(“#main”).text(); var s1=s.trim(); 变量s2=s1。拆分(“”); $。每个(s2,功能(i,v){ $(“”).文本(v).附录($(“#xxx”)) }) var childrens=$(“#xxx”).childrens(); 对于(变量i

我在
中用span包装了一些单词。如果我单击每个单词,它将附加到另一个元素(这里是
)。我的问题是相反的过程。当我点击最后一个div中的每个单词时,它将不会返回基本div(ID=“xxx”)。 我的代码是:

var s=$(“#main”).text();
var s1=s.trim();
变量s2=s1。拆分(“”);
$。每个(s2,功能(i,v){
$(“”).文本(v).附录($(“#xxx”))
})
var childrens=$(“#xxx”).childrens();
对于(变量i=0;i0){
切换(“yyy”、“xxx”);
}
如果($(“#xxx”).children().length>0){
切换(“xxx”和“yyy”);
}
#yyy{
背景色:深蓝色;
高度:100px;
}
跨度{
边框宽度:1px;
颜色:白色;
背景色:暗绿色;
边界半径:5px;
字体大小:16px;
填充物:1px 5px;
边框颜色:暗绿色;
保证金:5px;
显示:内联块;
字体系列:无衬线;
字母间距:0.5px;
光标:指针;
}
#xxx{
显示:块;
宽度:100%;
位置:相对位置;
}
#主要{
显示:无;
}


这是一项测试


单击处理程序应检查元素是否位于
xxx
yyy
中,并将其适当移动

var s=$(“#main”).text();
var s1=s.trim();
变量s2=s1。拆分(“”);
$。每个(s2,功能(i,v){
$(“”).文本(v).附录($(“#xxx”))
})
var childrens=$(“#xxx”).childrens();
对于(变量i=0;i
#yyy{
背景色:深蓝色;
高度:100px;
}
跨度{
边框宽度:1px;
颜色:白色;
背景色:暗绿色;
边界半径:5px;
字体大小:16px;
填充物:1px 5px;
边框颜色:暗绿色;
保证金:5px;
显示:内联块;
字体系列:无衬线;
字母间距:0.5px;
光标:指针;
}
#xxx{
显示:块;
宽度:100%;
位置:相对位置;
}
#主要{
显示:无;
}


这是一项测试


单击处理程序应检查元素是否位于
xxx
yyy
中,并将其适当移动

var s=$(“#main”).text();
var s1=s.trim();
变量s2=s1。拆分(“”);
$。每个(s2,功能(i,v){
$(“”).文本(v).附录($(“#xxx”))
})
var childrens=$(“#xxx”).childrens();
对于(变量i=0;i
#yyy{
背景色:深蓝色;
高度:100px;
}
跨度{
边框宽度:1px;
颜色:白色;
背景色:暗绿色;
边界半径:5px;
字体大小:16px;
填充物:1px 5px;
边框颜色:暗绿色;
保证金:5px;
显示:内联块;
字体系列:无衬线;
字母间距:0.5px;
光标:指针;
}
#xxx{
显示:块;
宽度:100%;
位置:相对位置;
}
#主要{
显示:无;
}


这是一项测试


您可以将单击处理委托给
#xxx
#yyy
元素

var s=$(“#main”).text();
var s1=s.trim();
变量s2=s1。拆分(“”);
$。每个(s2,功能(i,v){
$(“”).文本(v).附录($(“#xxx”))
})
var childrens=$(“#xxx”).childrens();
对于(变量i=0;i
#yyy{
背景色:深蓝色;
高度:100px;
}
跨度{
边框宽度:1px;
颜色:白色;
背景色:暗绿色;
边界半径:5px;
字体大小:16px;
填充物:1px 5px;
边框颜色:暗绿色;
保证金:5px;
显示:内联块;
字体系列:无衬线;
字母间距:0.5px;
光标:指针;
}
#xxx{
显示:块;
宽度:100%;
位置:相对位置;
}
#主要{
显示:无;
}


这是一项测试


您可以将单击处理委托给
#xxx
#yyy
元素

var s=$(“#main”).text();
var s1=s.trim();
变量s2=s1。拆分(“”);
$。每个(s2,功能(i,v){
$(“”).文本(v).附录($(“#xxx”))
})
var childrens=$(“#xxx”).childrens();
对于(变量i=0;i
#yyy{
背景色:深蓝色;
高度:100px;
}
跨度{
边框宽度:1px;
颜色:白色;
背景色:暗绿色;
边界半径:5px;
字体大小:16px;
填充物:1px 5px;
边框颜色:暗绿色;
保证金:5px;
显示:内联块;
字体系列:无衬线;
字母间距:0.5px;
光标:指针;
}
#xxx{
显示:块;
宽度:100%;
位置:相对位置;
}
#主要{
显示:无;
}


这是一项测试

  • 将文字存储到