Placement des balises

Version imprimable

31/05/2012, 10h29
stade13

Placement des balises
Bonjour à tous,

Je vous explique mon problème.

J'ai une balise a que je lui rajouter une class historie de la styler genre une bordure en gros voilà
Code:

1 2 $('.news .spip_documents a').addClass("btn-blue");
Jusqu'à maintenant tout marche mais le problème vient quand je récupère le texte de la balise <a>. Quand j'ai une seul balise <a> ça va mais quand j'en ai plusieurs je ne sais pas comment rajouter le texte sur la balise, j'ai fait avec un replaceWith mais le problème il colle le texte de toutes les balise <a> sur la dernier balise <a>

Voilà, je vous remercie d'avance
31/05/2012, 11h03
Macmillenium

Il faut parcourir les éléments a > http://api.jquery.com/each/
Comment tu fais pour rajouter le texte?
31/05/2012, 11h16
stade13
Le texte que je veux coller se trouve dans une balise div <spip_doc_titre>

En gros voilà le code qui ne marche pas
Code:

1 2 $('.news-box .spip_doc_titre').replaceWith($('.news-box .spip_doc_titre strong').text());

J'ai l'impression que tu oublies des mots dans tes phrases :aie:

Ça?

Code:

1
2
3
4
5
6
7
 
$('.news-box .spip_doc_titre').each(function() { 
    var $this = $(this),
        toReplace = $this.find('strong').text();
 
    $this.replaceWith(toReplace)
});

Ou ça?

Code:

1
2
3
4
5
6
7
 
$('.news-box .spip_doc_titre').each(function() { 
    var $this = $(this),
        toReplace = $this.find('strong').text();
 
    $this.html(toReplace)
});

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
<a class="btn-blue" title="PDF - 1 Mo" type="application/pdf" href="IMG/pdf/mars.pdf">
 
</a>
<div class="spip_doc_titre" style="width: 80px;">
<strong> Mars 2012</strong>
</div>
 
<a class="btn-blue" title="PDF - 1 Mo" type="application/pdf" href="IMG/pdf/juin.pdf">
 
</a>
<div class="spip_doc_titre" style="width: 80px;">
<strong>Juin 2012</strong>
</div>

Voilà la structure donc je veux que Mars 2012 ce met à l’intérieur de la balise <a> qui est juste en dessus.

Je me suis mal exprimé au départ

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var contents = [],
    $spipDocTitre = $('.spip_doc_titre'),
    $btnBlue = $('.btn-blue');    
 
$spipDocTitre.each(function() {
   var $this = $(this),
       txt = $this.find('strong').text();
 
   contents.push(txt);     
}).remove(); 
 
$btnBlue.each(function(i) {
   var $this = $(this);
 
   $this.text(contents[i]);  
});

:question:

31/05/2012, 16h24
stade13

Merci :D