Javascript 将内容包装在div中，然后追加到

我试图将appendcontent包装到image div中，但返回了[object]

 $("<div class=image>" + appendcontent + "</div>").appendTo($('.outside'));

如何将$appendcontent放入$

在线样本

我知道我可以使用html，但如果我把html，滑块将无法工作。这就是我需要保留该对象的原因

您可以使用。附加：

在包含jQuery对象的变量前面加上$appendcontent也是一种常见做法。

您可以使用。append:

在包含jQuery对象的变量前面加上$appendcontent也是一种常见做法。

这里有一些更改：

将类用引号“”或双引号括起来

您需要使用appendcontent.html而不是appendcontent，因为appendcontent是一个jQuery对象：

使用appendTo“.outside”而不是appendTo$”.outside”

看起来是这样的：

$("<div class='outside'>" + appendcontent.html() + "</div>").appendTo('.outside');

这里有一些变化：

将类用引号“”或双引号括起来

您需要使用appendcontent.html而不是appendcontent，因为appendcontent是一个jQuery对象：

使用appendTo“.outside”而不是appendTo$”.outside”

看起来是这样的：

$("<div class='outside'>" + appendcontent.html() + "</div>").appendTo('.outside');

---

我在这里创建了jsfiddle

 http://jsfiddle.net/j5jdb/

jQuery

var $inside = $('.inside');
//$inside.hide();
var appendcontent = $inside.find('.slider').html();
//$(appendcontent).appendTo($('.outside'));

// $("<div class=outside>" + appendcontent + "</div>").appendTo($('.outside'));


// settings
var $slider = $('.slider'); // class or id of carousel slider
var $slide = 'li'; // could also use 'img' if you're not using a ul
var $transition_time = 1000; // 1 second
var $time_between_slides = 4000; // 4 seconds

function slides(){
  return $slider.find($slide);
}

slides().fadeOut();

// set active classes
slides().first().addClass('active');
slides().first().fadeIn($transition_time);

// auto scroll 
$interval = setInterval(
    function(){
      var $i = $slider.find($slide + '.active').index();

      slides().eq($i).removeClass('active');
      slides().eq($i).fadeOut($transition_time);

      if (slides().length == $i + 1) $i = -1; // loop to start

      slides().eq($i + 1).fadeIn($transition_time);
      slides().eq($i + 1).addClass('active');
    }
    , $transition_time +  $time_between_slides 
);

---

我在这里创建了jsfiddle

 http://jsfiddle.net/j5jdb/

jQuery

var $inside = $('.inside');
//$inside.hide();
var appendcontent = $inside.find('.slider').html();
//$(appendcontent).appendTo($('.outside'));

// $("<div class=outside>" + appendcontent + "</div>").appendTo($('.outside'));


// settings
var $slider = $('.slider'); // class or id of carousel slider
var $slide = 'li'; // could also use 'img' if you're not using a ul
var $transition_time = 1000; // 1 second
var $time_between_slides = 4000; // 4 seconds

function slides(){
  return $slider.find($slide);
}

slides().fadeOut();

// set active classes
slides().first().addClass('active');
slides().first().fadeIn($transition_time);

// auto scroll 
$interval = setInterval(
    function(){
      var $i = $slider.find($slide + '.active').index();

      slides().eq($i).removeClass('active');
      slides().eq($i).fadeOut($transition_time);

      if (slides().length == $i + 1) $i = -1; // loop to start

      slides().eq($i + 1).fadeIn($transition_time);
      slides().eq($i + 1).addClass('active');
    }
    , $transition_time +  $time_between_slides 
);

---

你能举例说明什么是appendcontent吗？它是文本字符串吗？html？appendcontent是一个jquery对象。也许你在找appendcontent.html？如果我把它改成html，滑块就不行了。你能举例说明appendcontent是什么吗？它是文本字符串吗？html？appendcontent是一个jquery对象。也许你在找appendcontent.html？如果我把它改成html，滑块就不行了谢谢！但是如果我将其设置为html，滑块将不起作用@olo:BTW，显然您可以随意命名变量，但是使用$pre-pending var names通常意味着一个jQuery对象。谢谢！但是如果我将其设置为html，滑块将不起作用@olo:BTW，显然您可以随意命名变量，但是使用$pre-pending var names通常意味着一个jQuery对象。