добавить строку запроса в URL

Question

var EventAddress=$(".EventAddress").text();
$(".EventDirectionLink a").attr("href", url + EventAddress);  

Это jquery, который я использую, чтобы получить значение адреса из ячейки таблицы и передать его в URL-адрес карты в виде строки запроса, но она не работает? Что я делаю не так ??

<div class="driving-directions-link">
<a href="http://maps.google.com/maps?q=">Get Direction</a>
</div>

<table cellpadding="10" class ="EventDetail">
    <tr>
        <td class="TableFields">Who Should Enroll?:</td>
        <td>Everyone 18 and older who would like to attend</td>
    </tr>
    <tr>
        <td class="TableFields">Location:</td>
        <td class="EventAddress">1300 Albany Street,Beech Grove ,IN</td>
    </tr>
</table>

Answer 1

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

$('td.EventAddress').click(
    function(){
        $(".driving-directions-link a").attr("href", $(this).attr('href') + encodeURIComponent($(this).text)); 
    });

JS Fiddle demo .

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

$('td.EventAddress').click(function(){
    $(".driving-directions-link a").attr("href", function(i, h) {
        return h + encodeURIComponent($(this).text());
    });

JS Fiddle demo .

Ссылки:

• attr().
• click().
• encodeURIComponent.
• text().

Answer 2

У меня была похожая проблема при попытке добавить строку запроса с использованием:

$(this).attr("href", url + queryString);

Это было добавление URL, но не queryString.

Я использовал JavaScriptВместо этого используется метод concat, и это, похоже, работает:

var queryString = '?myVar=test';
//Replace the url with an additional query string
$(this).attr('href', $(this).attr('href').concat(queryString));

Answer 3

var EventAddress = encodeURIComponent($(".EventAddress").text());
$(".EventDirectionLink a").attr("href", url + "q=" + EventAddress);  

Не забудьте декодировать строку запроса перед ее использованием.

Answer 4

$(".driving-directions-link > a").attr("href", "http://maps.google.com/maps?q=" + EventAddress);

Answer 5

<div class="EventDirectionsLink">
<a href="http://maps.google.com/maps?q=">Get Direction</a>
</div>

<table cellpadding="10" class ="EventDetail">
    <tr>
        <td class="TableFields">Who Should Enroll?:</td>
        <td>Everyone 18 and older who would like to attend</td>
    </tr>
    <tr>
        <td class="TableFields">Location:</td>
        <td class="EventAddress">1300 Albany Street,Beech Grove ,IN</td>
    </tr>
</table>
var EventAddress=$(".EventAddress").text();
$(".EventDirectionsLink > a").attr("href", $('.EventDirectionsLink > a).attr('href') + EventAddress);