Làm thế nào để có được yếu tố bên trong đầu tiên?

Question

Vì vậy, tôi muốn nhận thẻ 'a' đầu tiên trong div này. Điều này thực sự là lái xe cho tôi hạt. Cảm ơn vì bất kì sự giúp đỡ.

<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: (không được gắn thẻ với jQuery trước đây, vì vậy tôi bao gồm này)

• Nếu bạn muốn nhận được chỉ phần tử con đầu tiên:

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

• Nếu bạn muốn để có được những yếu tố neo đầu tiên:

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

Với jQuery:

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

và thực sự chức năng của bạn chỉ có thể

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

Cập nhật:

Vì bạn đang sử dụng jQuery, tôi khuyên bạn không nên đính kèm trình xử lý nhấp chuột trong đánh dấu HTML của mình. Làm điều đó một cách jQuery:

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

và HTML của bạn:

Xem cho chính mình: http://jsfiddle.net/GWgjB/

Answer 2

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

Xem find jQuery lệnh.

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

Actualy Tôi đã không hiểu vấn đề, vì vậy tôi đang cố gắng đúng chức năng của mình, để làm cho nó rõ ràng cho bạn:

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'); 

} 

Tôi giả sử dl đó là $('#PGD'). Nhưng phần tử con A không thuộc tính id, bạn đang cố tìm gì?

Ngoài Xem: http://api.jquery.com/category/selectors/

Answer 3

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

này sẽ cung cấp cho bạn những đứa con đầu lòng "a" thẻ, nhưng không phải là hậu duệ. Ví dụ.

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

sẽ cung cấp cho bạn: <a href="hello">Hello</a>