Problème avec html unique() jQuery

Question

J'ai la fonction jQuery, que si elle va frapper la classe spécifique est l'envelopper avec certains divs oter.

(document).ready(function(){ 
    var Text = $('.bd_box_cont').html(); 
    $('.bd_box_cont').html(" 
     <div class='bd_box_tl'><div class='bd_box_rt'>" + Text +"</div></div> 

    "); 
)} 

seul problème est que j'ai plus d'un conteneur sur mon site, et il met ce même html à chacun d'entre eux.

Comment puis-je retourner var Text pour un conteneur spécifique?

Merci pour votre aide à l'avance

Answer 1

vous devez accorder plus d'attention aux sélecteurs de jquery -.. http://docs.jquery.com/Selectors Il y a beaucoup de façons d'obtenir votre objet basé sur un filtre

$('.bd_box_cont:first').html 
    ("  <div class='bd_box_tl'><div class='bd_box_rt'>" + Text +"</div></div> 
"); 

par exemple obtient votre premier conteneur

Answer 2

Vous utilisez les fonctions de classe de jquery (donc chaque div avec la bd_box_cont classe obtient que le HTML. Lorsque vous voulez un seul div avoir que html, il suffit d'utiliser ids (#bd_box_cont) .html ... reste votre code

Answer 3

Vous pouvez le faire plus facilement en utilisant .wrapInner():

$(document).ready(function(){ 
    $('.bd_box_cont').wrapInner("<div class='bd_box_tl'><div class='bd_box_rt'></div></div>'); 
}); 

Answer 4

Comme ladite utilisation wrapInner() @ Greg. Pour référence ultérieure, si vous voulez faire quelque chose à chaque élément d'un élément dans lequel l'une des fonctions natives ne suffira pas, utilisez each():

$('.bd_box_cont').each(function() { 
    this_element = $(this); 
}); 

Answer 5

vous pouvez aussi utiliser quelque chose comme ça (disons que vous voulez changer à-dire second récipient):

var container = $('.bd_box_cont').get(1); 
var Text = $(container).html(); 
$(container).html(" 
    <div class='bd_box_tl'><div class='bd_box_rt'>" + Text +"</div></div> 
"); 

une autre option qui fait la même:

var container = $('.bd_box_cont:eq(1)'); 
var Text = container.html(); 
container.html(" 
    <div class='bd_box_tl'><div class='bd_box_rt'>" + Text +"</div></div> 
");