Comment obtenir le premier élément interne?

Question

Donc, je veux obtenir le premier 'a' dans cette div. Cela me rend vraiment fou. Merci pour toute aide.

<div id="PGD" class="album" onmouseover="load(this)"> 
    <a class="dl" href="#">DOWNLOAD</a> 
</div> 

javascript

function load(dl) 
{ 

var ID = $(dl).attr('id'); 
var elemnt = $('ID:first').attr('id'); 

} 

Answer 1

non jQuery: (n'a pas été taggés avec jQuery avant, donc je compris ce)

• Si vous voulez obtenir la premier élément enfant uniquement:

  var element = document.getElementById('PGD').children[0]; 
  

• Si vous voulez obtenir le premier élément d'ancrage:

  var element = document.getElementById('PGD').getElementsByTagName('a')[0]; 
  

Avec jQuery:

var element = $('#PGD').find('a:first'); 
// or, to avoid jQuery's pseudo selecors: 
// var element = $('#PGD').find('a').first(); 

et en fait votre fonction peut être juste

function load(dl) 
{  
    var element = $(dl).find('a:first'); 
} 

Mise à jour:

Comme vous utilisez jQuery, je suggère de ne pas attacher le gestionnaire de clic dans votre balisage HTML. Faites-la manière jQuery:

$(function() { 
    $("#PGD").mouseover(function() { 
     $(this).find('a:first').attr('display','inline'); 
     alert($(this).find('a:first').attr('display')); 
    }); 
}); 

et votre HTML:

Voyez vous-même: http://jsfiddle.net/GWgjB/

Answer 2

$(ID).find(':first') 

Voir find commande jQuery.

$('#PGD').find('a:first') 

Je n'ai pas actualy mal à comprendre, donc je suis en train correcte votre fonction, de préciser pour vous:

function load(dl) 
{ 

// var ID = $(dl).attr('id'); 
// var elemnt = $('ID:first').attr('id'); // Here is error-mast be like $(ID+':first') 

var ID = $(dl).attr('id'); 
var elemnt = $(ID).find('*:first').attr('id'); 

} 

Je supose dl qui est $('#PGD'). Mais l'élément enfant A n'a pas d'attribut id, qu'essayez-vous de trouver?

Voir aussi: http://api.jquery.com/category/selectors/

Answer 3

$("#PGD").children("a:first") 

Cela vous donnera le premier enfant "un" tag, mais pas les descendants. Par exemple.

 <div id="log"> 
     <p><a href="foo">Foo</a></p> 
     <a href="hello">Hello</a> 
     <a href="how">Hello</a> 
    </div> 

vous donnera: <a href="hello">Hello</a>