JQuery使用Prepend动态设置ID

Question

我想使用 prepend 动态附加一个 div 以及它所附加的容器的 ID。我似乎无法让它适用于每个元素，目前它只使用相同的 ID。

HTML

<div class="advanced-slider" id="About" >
        <p> Content </p>
</div>
<div class="advanced-slider" id="Main" >
        <p> Content </p>
</div>

JS

$('.advanced-slider').wrap('<div class="slider-container"><div class="slider-wrapper"></div></div>');

$('.slider-container').prepend('<div class="slider-title" id="' + $(this).find('.advanced-slider').attr('id') + '-title"></div>');

Answer 1

代码中的

this 引用 window 对象，请尝试以下操作。

$('.slider-container').prepend(function(){
   return '<div class="slider-title" id="' + $(this).find('.advanced-slider').prop('id') + '-title"></div>';
});

http://jsfiddle.net/aPJs5/