クエリ文字列をURLに追加する

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

これは、私がテーブルのセルからアドレスの値を取得し、クエリの文字列としてマップのURLに渡すが、その動作していないjqueryですか?私は何を間違えているのですか?

<div class="driving-directions-link">
Get Direction
</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>
2

5 答え

これを試して:

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

JS Fiddle demo.

上記を少し簡略化して、 .attr()メソッドを2回(2回目は不必要)使用しないようにします。

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

JS Fiddle demo.

参考文献:

4
追加された
var EventAddress = encodeURIComponent($(".EventAddress").text());
$(".EventDirectionLink a").attr("href", url + "q=" + EventAddress);  

クエリ文字列を使用する前にデコードすることを忘れないでください。

0
追加された
$(".driving-directions-link > a").attr("href", "http://maps.google.com/maps?q=" + EventAddress);
0
追加された
<div class="EventDirectionsLink">
Get Direction
</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);  
0
追加された

私は同様の問題を使用してクエリ文字列を追加しようとしていた:

$(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));
0
追加された