Estoy tratando de cambiar el valor del atributo html href? Post = 55 a? Post = 44 con un clic de botón usando jQuery, pero no sé cómo.
HTML
<button class="button">button</button> <a href="posts.php?post=55" class="post-link">Post</a>JAVASCRIPT
$('.button').on('click', function() { });Esto es lo que tengo
<a href="posts.php?post=55" class="post-link">Post</a>Esto es lo que quiero al hacer clic en el botón
<a href="posts.php?post=44" class="post-link">Post</a>Una función de Jquery le permite cambiar un atributo de una etiqueta. Está escrito como $("tag").attr('attr','newvalue') . En su caso, puede hacer $("a").attr('href','posts.php?post=44') dentro de la función de clic (probablemente también debería darle una identificación a la etiqueta)
El controlador "al hacer clic" tiene $(this) que puede usar para navegar en el árbol DOM si sabe que el objeto que desea modificar está relativamente colocado (por lo que veo, tiene <a/> después de <button/> .
$('.button').on('click', function() { $(this).parent().find('.post-link').attr('href', '#hello-world') }) Si desea cambiar un enlace del elemento que se encuentra en algún lugar de la página, le sugiero que busque por valor de id (la identificación debe ser única). Digamos que tiene <a id="my-id" href="...">...</a> , entonces:
$('.button').on('click', function() { $('#my-id').attr('href', '#hello-world') })