Cibler un div enfant

Par bagui, il y a 13 ans

Javascript

Bonjour,
Je souhaite cibler en jquery un élément enfant d'un élément cliquer mais ca ne marche pas :
merci de votre aide

<div class="thumb">
                <div class="content-thumb">
                    <h2>NOTRE ACTIVITE</h2>
                    <p>
                    <a href="#" title="t" rel="camion-test-slide-fixe.jpg">
                    Stockage<br/>
                    Vrac<br/>
                    Conditionné
                    </a>
                    </p>
                </div>
                </div>
<script type="text/javascript">
jQuery(function(){
jQuery("#slideshow .thumb").click(function(){
            var src = $(this + "content-thumb p a").attr("rel");
alert(src); // retourne(undefined)
            $(this).toggleClass("arrow-thumb");
             return false;
})
});
</script>

3 réponses

heaven-khn, il y a 13 ans

salut, t'as pas penser a mettre un tout petit espace entre le this et content-thumb et n'oublie pas le . de la classe comme ça
var src = $(this + " .content-thumb p a").attr("rel");
essaye.

bagui, il y a 13 ans

Bonjour,
Ca fontionne bien avec ce code :
un petit souci cependant :
alert(src); // renvoi toujours la même valeur, valeur du premier lien

<div class="thumb">
                <div class="content-thumb">
                    <h2>NOTRE ACTIVITE</h2>
                    <p>
                    <a href="#" title="t" rel="camion-test-slide-fixe.jpg">
                    Stockage<br/>
                    Vrac<br/>
                    Conditionné
                    </a>
                    </p>
                </div>
</div>
<div class="thumb">
                <div class="content-thumb">
                    <h2>NOTRE ACTIVITE</h2>
                    <p>
                    <a href="#" title="t" rel="camion-test-slide-fixe2.jpg">
                    Stockage<br/>
                    Vrac<br/>
                    Conditionné
                    </a>
                    </p>
                </div>
</div>
<div class="thumb">
                <div class="content-thumb">
                    <h2>NOTRE ACTIVITE</h2>
                    <p>
                    <a href="#" title="t" rel="camion-test-slide-fixe2.jpg">
                    Stockage<br/>
                    Vrac<br/>
                    Conditionné
                    </a>
                    </p>
                </div>
</div>
jQuery("#slideshow .nav .thumb").click(function(){
            var src = $(this + ".content-thumb p a").attr("rel");
            $(".img-large img").attr("src","imagesFront/"+src);
            var src = "";
        })
bagui, il y a 13 ans

j'ai trouvé en rajoutant un id au div thumb et au href

<div class="content-thumb" id="thumb-1>
                    <h2>NOTRE ACTIVITE</h2>
                    <p>
                    <a id="a1" href="#" title="t" rel="camion-test-slide-fixe.jpg">
                    Stockage<br/>
                    Vrac<br/>
                    Conditionné
                    </a>
                    </p>
                </div>
var id = $(this).attr("id").split('-'); // récupération de l'id de l'élément cliqué
var src = $("a#a"+id[1]).attr("rel");