Как получить значение из атрибута href jquery

jquery получить значение href, сегодня будем получать значение из атрибута href в jquery!

Подробно о получении значения из атрибута href в jquery!

1. Как получить значение из атрибута href в jquery!

Как получить значение из атрибута href в jquery

Для того, чтобы получить значение из атрибута href в jquery нам понадобится:

Нам нужна ссылка из которой будем получать значение href в jquery с id, чтобы мы могли обратиться к этой ссылке:

<a href=https://dwweb.ru/jquery_poluchaem_znachenie_atributa.html id="get_href">пример ссылки</a>

Чтобы пример был живой... нам нужна кнопка:

<button id="id_button">Получить значение из href</button>

И передадим полученное значение href в jquery в result:

<div id="id_result">result</div>

Переходим к jquery, нам понадобится click


$("#id_button").click( function()

Используем метод "html" и "attr"

$("#id_result").html
(
$("#get_href").attr("href")
);


Соберем весь код получения значения href в jquery

<a href=https://dwweb.ru/jquery_poluchaem_znachenie_atributa.html id="get_href">ссылка с атрибутом href</a>

<button id="id_button">Получить значение из href</button>

<div id="id_result">result</div>

<script>

$("#id_button").click( function()

{

  $("#id_result").html

  (

    $("#get_href").attr("href")

  );

});

</script>

Протестировать получение значения из атрибута href!

Чтобы протестировать работу получения значения из атрибута href, нажмите по ниже идущей кнопке...

ссылка с атрибутом href
Получить значение из href
result