JQuery - Nhận giá trị bằng cách sử dụng bộ chọn

Question

Tôi đang cố gắng chọn liên kết đầu tiên trên trang sau khi trang hoàn toàn tải và chuyển hướng trang đến liên kết trên trang đầu tiên.

Tôi hiểu cách sử dụng công cụ chọn, nhưng tôi băn khoăn về cách tôi có thể nhận mục đầu tiên sau khi tải trang. Tôi giả sử khi tôi có giá trị tôi có thể sử dụng

window.location = "http://www.google.com/" 

Để đưa người dùng đến trang thích hợp khi tôi có giá trị của liên kết động.

Answer 1

jQuery(document).ready(function() { 
    window.location = jQuery("a[href]:first").attr("href"); 
}); 

Một bộ chọn với pseudo-class :first chọn các yếu tố phù hợp đầu tiên. Để biết thêm thông tin về các bộ chọn, hãy xem jQuery's excellent documentation.

EDIT

Trên thực tế chạy mã của tôi và nhận thấy rằng nó đã được trở về một chuỗi rỗng. Điều này là do đã chọn thẻ a đầu tiên đã xảy ra với không phải có thuộc tính href. Tôi đã thay đổi công cụ chọn để chỉ chọn a thẻ có thuộc tính href.

Answer 2

Đối với công cụ chọn của bạn, hãy sử dụng: trước tiên. Điều này sẽ cung cấp cho bạn thẻ neo đầu tiên trên trang. Sau đó, bạn có thể đặt vị trí thành thuộc tính href của thẻ neo.

Cái gì như:

location = $("a:first").attr("href"); 

Answer 3

Bạn có sử dụng cú pháp này một cách tình cờ trong thẻ tập lệnh trong trang của mình không?

$(document).ready(function(){ 
    // Your code here 
}); 

Answer 4

$(document).ready(function(){ 
    $('a').each(function(){ 
    if($(this).attr('href').indexOf('http')==0) { 
     window.location = $(this).attr('href'); 
    } 
    }); 
}); 

Mã này sẽ làm việc vì: Nó làm cho chắc chắn trang không mất một thẻ neo tĩnh() và nhầm lẫn nó cho một liên kết. Nó sẽ chỉ sử dụng liên kết đó nếu nó bắt đầu bằng http: và nếu không, nó sẽ chuyển sang lần xuất hiện tiếp theo của thẻ.

Answer 5

Tôi sẽ chỉ ra rằng các chuyển hướng có thể dễ dàng bị đánh bại. Đừng dựa vào điều này vì bất cứ điều gì "an toàn".

Bạn cũng có thể thấy rằng bạn cần neo đầu tiên mà thực sự có một href:

$("a[href]:first").attr("href");