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/

Answer 2

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