Установка атрибута href во время выполнения

Ответ 1

Чтобы получить или установить атрибут элемента HTML, вы можете использовать функцию element.attr() в jQuery.

Чтобы получить атрибут href, используйте следующий код:

var a_href = $('selector').attr('href');

Чтобы установить атрибут href, используйте следующий код:

$('selector').attr('href','http://example.com');

В обоих случаях используйте соответствующий селектор. Если вы установили класс для элемента привязки, используйте '.class-name', и если вы установили идентификатор для элемента привязки, используйте '#element-id'.

Ответ 2

Установите атрибут href с помощью

$(selector).attr('href', 'url_goes_here');

и прочитайте его, используя

$(selector).attr('href');

Где "селектор" - это любой действительный селектор jQuery для вашего элемента <a> ( ".myClass" или "#myId", чтобы назвать самые простые).

Надеюсь, это поможет!

Ответ 3

В jQuery 1.6+ лучше использовать:

$(selector).prop('href',"http://www...") до установите значение и

$(selector).prop('href') до получить значение

Короче говоря, .prop получает и устанавливает значения в объекте DOM, а .attr получает и устанавливает значения в HTML. Это делает .prop немного быстрее и, возможно, более надежным в некоторых контекстах.

Ответ 4

<style>
a:hover {
    cursor:pointer;
}
</style>

<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".link").click(function(){
        var href = $(this).attr("href").split("#");
        $(".results").text(href[1]);
    })
})
</script>



<a class="link" href="#one">one</a><br />
<a class="link" href="#two">two</a><br />
<a class="link" href="#three">three</a><br />
<a class="link" href="#four">four</a><br />
<a class="link" href="#five">five</a>


<br /><br />
<div class="results"></div>