附加重复的javascript对象

附加重复的javascript对象,javascript,Javascript,在下面的代码中,我正在使用JS编写一个简单的计时器。问题是生成的代码只显示一组分隔符冒号 var divider = $('<span>').addClass('divider').text(':'); stopwatchFace = stopwatchFace.append(timeHour).append(divider) .append(timeMin).append(divider).append(timeSec);

在下面的代码中,我正在使用JS编写一个简单的计时器。问题是生成的代码只显示一组分隔符冒号

var divider = $('<span>').addClass('divider').text(':');
stopwatchFace = stopwatchFace.append(timeHour).append(divider)
                             .append(timeMin).append(divider).append(timeSec);

第一个没有被捡起来有什么原因吗?我是否应该显式定义一个divider1和一个divider2对象?

如果附加一个已经附加的元素,结果是它被移动

您需要克隆元素。在vanilla JS中,这将与divider.cloneNodetrue一样简单。
在jQuery中也很简单:divider.clone。感谢Boaz提供的信息^ ^

如果您附加了一个已经附加的元素,那么结果就是它被移动了

您需要克隆元素。在vanilla JS中,这将与divider.cloneNodetrue一样简单。
在jQuery中也很简单:divider.clone。感谢Boaz提供的使用需要克隆分隔器的信息。由于分隔符是dom,单个元素不能同时存在于两个位置

var divider = $('<span>').addClass('divider').text(':');
stopwatchFace = stopwatchFace.append(timeHour).append(divider.clone())
                             .append(timeMin).append(divider).append(timeSec);

使用需要克隆的分隔符。由于分隔符是dom,单个元素不能同时存在于两个位置

var divider = $('<span>').addClass('divider').text(':');
stopwatchFace = stopwatchFace.append(timeHour).append(divider.clone())
                             .append(timeMin).append(divider).append(timeSec);

jQuery的等价物是.clone方法。@Kolink我有一个相当奇怪的问题:什么是vanilla JSjQuery的等价物是.clone方法。@Kolink我有一个相当奇怪的问题:什么是vanilla JS在这种情况下,不需要使用链接。附加它接收到的所有参数。。所以你可以使用类似的东西:stopwatchFace.appendtimeHour,divider,timeMin,divider.clone,timeSec;在这种情况下,不需要使用链接。附加它接收到的所有参数。。所以你可以使用类似的东西:stopwatchFace.appendtimeHour,divider,timeMin,divider.clone,timeSec;