如何获得第一个内在元素？

Question

所以我想在这个div中获得第一个'a'标签.这真让我疯了.谢谢你的帮助.

<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

非jQuery的:(未标记与jQuery之前,所以我包括在此)

• 如果您只想获取第一个子元素:

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

• 如果你想获得第一个锚元素:

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

使用jQuery:

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

实际上你的功能可以

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

更新:

在使用jQuery时,我建议不要在HTML标记中附加click处理程序.用jQuery方式做:

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

和你的HTML:

<div id="PGD" class="album">
     <a class="dl" href="#">DOWNLOAD</a>
</div>

亲眼看看:http://jsfiddle.net/GWgjB/