Изменение HREF атрибута ссылку на клик

Question

Я просто пытаюсь изменить значение HREF

$("div").click(function() { 
 
    $("a#link1").attr("href").val("www.bing.de"); 
 
});

div { 
 
    border: 1px solid black; 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="link1" href="www.google.de">LINK</a> 
 
<div>Click here</div>

Но это бросает ошибку Uncaught TypeError: $(...).attr(...).val is not a function, и я не знаю, почему? Насколько я знаю val Является функцией.

Answer 1

Попробуйте это.

Вы не можете изменить атрибут с помощью метода val(). val() используется только для ввода значения.

Вы можете использовать attr("aatribute_name",value); или prop("attribute_name","value");

$("div").click(function() { 
 
    $("a#link1").attr("href","www.bing.de"); 
 
});

div { 
 
    border: 1px solid black; 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="link1" href="www.google.de">LINK</a> 
 
<div>Click here</div>

Answer 2

Вы можете использовать attr или prop

$("a#link1").prop("href","www.bing.de") 

Это значение атрибута, который вы хотите, чтобы не val изменить. val в основном используется, чтобы получить значение и некоторое время установить значение, но не атрибут.

Answer 3

.val() используется для входов, выбирает и прокручиваемым. Его следует называть вот так:

$("div").click(function() { 
    $("a#link1").attr('href','www.bing.de'); 
}); 

Answer 4

Попробуйте следующий фрагмент.

Проблема здесь: $("a#link1").attr("href").val("www.bing.de");

$("div").click(function(){ 
 
\t $("a#link1").attr("href","www.bing.de"); 
 
});

div { 
 
    border: 1px solid black; 
 
\t cursor:pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="link1" href="www.google.de">LINK</a> 
 
<div>Click here</div>

Answer 5

Почему это не работает, потому что вы пытаетесь присвоить значение anchor tag. val() не присваивает значение anchor tag. Для этого вам нужно использовать метод, как показано ниже.

Не это: -

$("div").click(function() { 
    $("a#link1").attr("href").val("www.bing.de"); 
}); 

Это один -

$("div").click(function() { 
     $("a#link1").attr("href","www.bing.de"); 
    }); 

Answer 6

реализация Javascript с использованием setAttribute():

document.querySelector("a#link1").setAttribute("href", "www.bing.de"); 
//or 
document.querySelector("a#link1").href = "www.bing.de"; 

Надеется, что это помогает.

Answer 7

Присвоить с HREF также работает

$("div").click(function() { 
    $("a#link1")[0].href = "www.bing.de"; 
});