jQuery: Ajouter un attribut title de l'élément et les insérer du texte à partir des éléments suivants

Je ne suis même pas sûr si c'est possible, mais nous allons avoir un aller.

J'ai ce code HTML dynamiquement généré pour chaque image:

<a href="image.jpg" class="thickbox">
    <img src="thumb.jpg" title="This is the title" alt="" />
</a>

En quelque sorte, j'ai besoin de prendre l'attribut title de thumb.jpg et le copier dans les environs d'ancrage, ce qui donnerait ce résultat:

<a href="image.jpg" class="thickbox" title="This is the title" alt="">
    <img src="thumb.jpg" title="This is the title" alt="" />
</a>

Je serais heureux si cela pouvait être réalisé avec jQuery.

Merci d'avance.

OriginalL'auteur Miker | 2012-09-24

  1. 4
    $('a.thickbox img').each(function(key,$elem){
    $(this).parent().attr('title',$(this).attr('title'));
});

    Boucle à l'aide de chacun, si vous avez plus d'une image. D'autre de la ligne dans la fonction et les remplacer $(this) par $('a.thickbox img').

    A parfaitement fonctionné. Et bravo pour la rapidité de réponse!
    N'oubliez pas d'accepter la réponse.

    OriginalL'auteur Salketer

  2. 3

    Vous pouvez passer d'une fonction à attr() (ou prop()) et d'écrire quelque chose comme:

    $("a.thickbox").attr("title", function() {
    return $(this).find("img").attr("title");
});

    (J'ai utilisé attr() dans le code ci-dessus pour souligner le fait que nous sommes en train de créer un attribut HTML. prop(), qui crée ou met à jour des propriétés DOM, donnerait les mêmes résultats).

    OriginalL'auteur Frédéric Hamidi

  3. 0

    Boucle sur les vignettes à l'aide de la .chacun() et, pour ceux qui ont un <a> parent, définir le parent du titre de l'img du titre.

    $("img[src='thumb.jpg']").each( function() {
    $(this).parent('a.thickbox').attr('title', this.title);
});

    OriginalL'auteur nbrooks