デフォルトのhref以外に行くリンクを作成する

Question

リンクテキストを取得してURLに追加し、元のリンクのOnclickが追加されたクエリ文字列を使用して新しいURLを開きたいとします。javascriptを使用してリンクテキストを取得するにはどうすればよいですかまたはjquery？クリックされ、これが動作する必要があるときに、リンクのhref + textにページを送信するには

<a href="www.mysite.com/search.aspx?kwd=" onClick="location.href='http://mysite.com/search.aspx?kwd='+ Grab text 'kangaroo' and append here as QueryString>Kangaroo</a> 

Answer 1

：

$("a").click(function(){ 
    location.href = $(this).attr("href") + $(this).text(); 
    return false; 
}); 

しかし、なぜちょうどページのロード時に正しくのhrefを設定し、これらすべてのonclickのハンドラを取り除くありません一緒に？

$("a").each(function(i, el) { 
    var $el = $(el); 
    $el.attr("href", $el.attr("href") + encodeURI($el.text())); 
}); 

Answer 2

jQueryの例：

$('a.link').click(function() { 
    var $this = $(this), 
     href = $this.attr('href'); 

    window.location = href + encodeURIComponent($this.text()); 
    event.preventDefault(); 
    return false; 
}); 

Demo

Answer 3

あなたはthisを通じて現在のアンカーにアクセスすることができます。そのテキストは、this.innerHTMLまで入力できます。

このような何か...

<a href="www.mysite.com/search.aspx?kwd=" onClick="location.href='http://mysite.com/search.aspx?kwd='+ this.innerHTML; return false;">Kangaroo</a> 

Answer 4

$('a.your-url').click(function(e) { 
    e.preventDefault(); 
    url = $(this).attr('href') + $(this).text(); 
    location.href = url; 

}); 

Answer 5

$('.your-url').click(function(event) { 
    event.preventDefault(); 
    window.location= $(this).attr('href') + encodeURIComponent($(this).text()); 
}); 

私は他の回答のどれもが、クエリ文字列パラメータであることを、リンクのテキストをコードしなかったことに気づきました。

インライン（あなたの例のような）は次のようになります。変更後locationオブジェクトのスクリプトが実行を停止し、ページの変更ので

<a href="www.mysite.com/search.aspx?kwd=" onClick="location.href = this.href + encodeURIComponent($.trim($(this).text()))">Kangaroo</a> 

return falseは不要でなければなりません。文字列の先頭と末尾から空白を削除

：あなたがに$.trim()を使用することができます

UPDATE

。

出典：http://api.jquery.com/jquery.trim/