javascript - 如何获取第一个内部元素？

Question

所以我想得到第一个<a>在此标记<div> 。这真让我抓狂。感谢您的帮助。

HTML

<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];
  

• 如果你想获取第一个 anchor 元素:

  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 标记中附加单击处理程序。用 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/