Перейти к ссылке на кнопку click - jquery

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

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

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

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

Ответы

Ответ 1

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

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

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

Ответ 2

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

Ответ 3

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

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

Ответ 4

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

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

Ответ 5

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