перейти по ссылке нажатия кнопки - JQuery

Question

У меня есть сценарий, как показано ниже

$('.button1').click(function() { 
    document.location.href=$(this).attr('id'); 
}); 

button1 имеет переменные уникальные идентификаторы. при щелчке, страница должна перенаправить на url «www.example.com/index.php?id=buttonid», но теперь страница перенаправляется только на «button id».

Я хочу добавить строку «www.example.com/index.php?id=» перед текущим адресом. Как я могу сделать это возможным?

Answer 1

$('.button1').click(function() { 
    window.location = "www.example.com/index.php?id=" + this.id; 
}); 

Прежде всего, используя window.location, лучше, так как согласно спецификации document.location значение было доступно только для чтения и могло вызвать головную боль в старых/разных браузерах. Проверьте заметки @MDC DOM document.location page

А для второго - с помощью attr метод JQuery, чтобы получить идентификатор плохая практика - вы должны использовать прямой родной DOM аксессор this.id как значение, присвоенное this является нормальным DOM элемент.

Answer 2

Почему бы не просто изменить вторую строку в

document.location.href="www.example.com/index.php?id=" + $(this).attr('id'); 

Answer 3

вы можете получить текущий URL с window.location.href, но я думаю, что вам понадобится плагин запроса JQuery для манипулирования строки запроса: http://plugins.jquery.com/project/query-object

Answer 4

Вам нужно указать домен:

$('.button1').click(function() { 
    window.location = 'www.example.com/index.php?id=' + this.id; 
}); 

Answer 5

$('.button1').click(function() { 
    document.location.href='/index.php?id=' + $(this).attr('id'); 
});