$(function() {
var ptitle = $('div.portfolioItem div.image img').attr("title");
$(this).each(function() {
$('a.play').attr({
'title': '' + ptitle + ''
});
});
});
Eh bien, il y a mon code, ça marche mais je ne connais pas vraiment chaque étiquette.jQuery - Obtenir le titre d'une image et le mettre sur une étiquette séparée (chacun)
Tout ce qui est actuellement applique le premier 'ptitle' à toutes les balises a.play. Ce que j'essaie de réaliser est d'obtenir le titre de chaque image et de l'appliquer uniquement au bouton a.play correspondant.
est ici le code html si cela est de toute aide à comprendre:
<figure class="oneThird">
<div class="portfolioItem">
<div class="image">
<!-- This is the image -->
<img src="images/portfolio-item-2.jpg" alt="portfolio item" title="test2" />
<div class="info">
<p> Alright, go to the link Andrew propose. Download the file.
You need to add it to your project. You can still have
jquery.effects.core this is why this is random fill to
take space.
</p>
<span class="base">
<!-- Add the img title to the <a class="play"> below -->
<a href="images/header-image-2.jpg" rel="prettyPhoto[portfolio]" class="play"></a>
<a href="#" class="view">View Project</a>
</span>
</div>
</div>
</div>
<h3>
<a href="#">This is a portfolio item</a>
</h3>
<ul class="tags">
<li><a href="#">Web</a>, </li>
<li><a href="#">Print</a>, </li>
<li><a href="#">Design</a></li>
</ul>
</figure>
Pour résumer, le code génère déjà tous les titres à une étiquette, mais ne génère que le premier titre et l'applique à tous les tags a, j'ai besoin des titres de chaque image dans la page pour appliquer à un tag dans la zone spécifique.
Des idées?
Acclamations Dennis, a travaillé un charme. Seriez-vous capable d'expliquer exactement comment cela fonctionne? – Daryl
Dans le premier sélecteur, vous recherchez l'ensemble des tags d'image. chacun vous permet ensuite de parcourir une à une les balises d'image. Les paramètres transmis à chacun sont l'index actuel et l'étiquette d'image non emballée. Une fois que vous avez cette étiquette, vous pouvez extraire le titre. Pour trouver la balise d'ancrage associée à la classe de lecture, vous devez remonter l'arborescence DOM vers un parent partagé, dans ce cas la div avec l'image de classe. Ensuite, appliquez l'attribut. Lorsque vous appelez la fonction jQuery avec le deuxième paramètre, il fournit un contexte pour savoir où commencer à chercher votre sélecteur. –