Hướng dẫn how to get anchor tag id value in javascript - cách nhận giá trị id thẻ liên kết trong javascript

Đây là một đại diện danh sách dữ liệu đến từ cơ sở dữ liệu PHP. Danh sách được tìm nạp bằng cách sử dụng vòng lặp Foreach PHP và dữ liệu bên trong thẻ Achor được điền phù hợp.


 

Như bạn có thể thấy ở đây, bên trong thẻ neo, tôi có href-ed nó vào một hộp phương thức sẽ hiển thị một tin nhắn bất cứ khi nào người dùng nhấp vào bất kỳ liên kết nào. Có một nút trong cửa sổ phương thức sẽ đưa người dùng đến một trang khác. Vấn đề là tôi muốn chuyển một số giá trị nhất định cùng với URL, nhưng không thể làm như vậy vì liên kết đến trang tiếp theo được xác định trong phần đặc tả cửa sổ phương thức. Vì vậy, tôi đã đưa ra giải pháp này. Tôi đã nghĩ đến việc sử dụng thuộc tính ID của thẻ neo, tôi đã cố gắng lấy thuộc tính ID của mỏ neo được nhấp bằng JavaScript.


Từ đó, tôi muốn khởi tạo một biến PHP và sau đó sử dụng biến PHP đó để truyền dưới dạng giá trị trong HREF của nút cửa sổ phương thức. Nhưng giá trị tôi nhận được trong hộp cảnh báo là 'không xác định' vì một số lý do. Tôi đã thử tất cả các kết hợp có thể của điều này.

$('a',this).attr('id');
$this.id;

Mọi thứ trở lại 'không xác định'.

Tham chiếu-Đây là mã cho phần cửa sổ phương thức.


Đối tượng neo

Thí dụ

Nhận ID của một liên kết:

var x = document.getEuityById ("myanchor"). id;

Hãy tự mình thử »


Định nghĩa và cách sử dụng

Thuộc tính ID đặt hoặc trả về giá trị của thuộc tính ID của liên kết.

Thuộc tính ID chỉ định ID của neo và có thể được sử dụng để tạo dấu trang bên trong tài liệu.


Hỗ trợ trình duyệt

Tài sản
TôiĐúngĐúngĐúngĐúngĐúng

Cú pháp

Trả lại thuộc tính ID:

Đặt thuộc tính ID:

Giá trị tài sản

Giá trịSự mô tả
TôiĐúng


Cú pháp

Trả lại thuộc tính ID:Đặt thuộc tính ID:

Giá trị tài sản

Thí dụ

Nhận ID của một liên kết:

var x = document.getEuityById ("myanchor"). id;

Hãy tự mình thử »


Thí dụ

Định nghĩa và cách sử dụng

Thuộc tính ID đặt hoặc trả về giá trị của thuộc tính ID của liên kết.

Hãy tự mình thử »


Định nghĩa và cách sử dụng

Thuộc tính ID đặt hoặc trả về giá trị của thuộc tính ID của liên kết.


Đối tượng neo


Làm cách nào để lấy tất cả các phần tử neo trong HTML?

Bài đăng này sẽ thảo luận về cách lấy giá trị HREF của thẻ neo trong JavaScript và JQuery.

JS


$(document).ready(function(){(document).ready(function(){

    $('#submit').click(function(){$('#submit').click(function() {

        varhref=$('a').prop('href');varhref= $('a').prop('href');

        alert(href);alert(href);

    })})

1. Sử dụng jQuery);

HTML


Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôihref="https://www.bing.com/">Click Me

    

    Submit

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:


& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

Chỉnh sửa trong JSfiddle
To get the text of an anchor element, use the .text() method.

JS


$(document).ready(function(){(document).ready(function(){

    $('#submit').click(function(){$('#submit').click(function() {

        vartext=$('a').text();vartext= $('a').text();

        alert(text);alert(text);

    })})

1. Sử dụng jQuery);

HTML


Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôihref="https://www.bing.com/">Click Me

    

    Submit

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:


& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

Chỉnh sửa trong JSfiddle

& nbsp; Điều này cũng có thể được thực hiện bằng phương thức getAttribute(), nhận được giá trị của thuộc tính HREF trên thẻ neo được chỉ định.

JS


document.getElementById('submit').onclick=function(){.getElementById('submit').onclick= function(){

    varhref=document.querySelector('a').href;varhref= document.querySelector('a').href;

    alert(href);alert(href);

}

HTML


Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôihref="https://www.bing.com/">Click Me

    

    Submit

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:


& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

Chỉnh sửa trong JSfiddle
This can also be done using the getAttribute() method, which gets the value of the href attribute on the specified anchor tag.

JS


document.getElementById('submit').onclick=function(){.getElementById('submit').onclick= function(){

    varhref=document.querySelector('a').getAttribute('href');varhref= document.querySelector('a').getAttribute('href');

    alert(href);alert(href);

}

HTML


Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôihref="https://www.bing.com/">Click Me

    

    Submit

Trả lại thuộc tính ID:

Trả lại thuộc tính ID:


& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

Chỉnh sửa trong JSfiddle

Cảm ơn vì đã đọc.

Vui lòng sử dụng trình biên dịch trực tuyến của chúng tôi để đăng mã trong các nhận xét bằng C, C ++, Java, Python, JavaScript, C#, PHP và nhiều ngôn ngữ lập trình phổ biến hơn.

Như chúng tôi? Giới thiệu chúng tôi với bạn bè của bạn và giúp chúng tôi phát triển. Mã hóa hạnh phúc :) :)


Làm cách nào để tìm giá trị của thẻ neo?

Nhận giá trị href của thẻ neo với JavaScript/jQuery..
Sử dụng jQuery. Trong jQuery, bạn có thể sử dụng. Phương thức prop () để có được giá trị href của thẻ neo. ....
Sử dụng JavaScript. Trong vanilla javascript, bạn có thể sử dụng Truy vấnSelector (), sẽ trả về thẻ neo đầu tiên trong tài liệu ..

Thẻ neo có thể có ID không?

Thuộc tính ID có thể được sử dụng để tạo một mỏ neo ở thẻ bắt đầu của bất kỳ phần tử nào (bao gồm cả phần tử A). Ví dụ này minh họa việc sử dụng thuộc tính ID để định vị một mỏ neo trong phần tử H2. Neo được liên kết với thông qua phần tử A.. This example illustrates the use of the id attribute to position an anchor in an H2 element. The anchor is linked to via the A element.

Id neo có nghĩa là gì?

ID thẻ neo được sử dụng để chỉ định định danh duy nhất của phần tử (liên kết).Từ khóa ở đây là duy nhất - trong khi bạn có thể có cùng một ID trong toàn bộ trang web, bạn không thể có hai trong cùng một ID trên cùng một trang.Bạn có thể sẽ thấy ID thẻ neo được rút ngắn dưới dạng ID A ID - nhưng đừng gọi chúng như vậy.used to specify an element's (a link's) unique identifier. The key word here is unique – while you can have the same id throughout the site, you can't have two of the same id on the same page. You'll likely see anchor tag ids shortened as an “a id” – but don't call them that.

Làm cách nào để lấy tất cả các phần tử neo trong HTML?

Để nhận tất cả các thẻ neo hoặc liên kết từ tài liệu HTML hoặc DOM, bạn có thể sử dụng thuộc tính tài liệu.links.Bạn có thể nhận tất cả các liên kết bằng tài liệu.Liên kết thuộc tính bằng JavaScript.use the document. links property. You can get all the links using the document. links property using JavaScript.