jQueryを使用してボタンにパスを割り当てるにはどうすればよいですか？

Question

私は写真gallery pageを持っていて、データベースから取り出された一連のサムネイルを示しています。画像は、ユーザがサムネイルをクリックしたときに表示されるより大きなプレビュー画像にリンクする。

私もはこのようなものとしてリンクする必要がありますこの写真ボタン買うてきた：エントリのURLがエントリのタイトルです

http://ee.rouviere.com/photo/image/entry_url

を。

私が使用していますjQueryのコードは次のとおりです。

$(function() { 
    $("a:has(img.gallery)").click(function() { 
     var largePath = $(this).attr("href"); 
     var caption = $(this).attr("title"); 

     $("#photo_large").attr({ src: largePath}); 
     $("#caption1").text(caption); 
     return false; 
    }); 
}); 

私はちょうどこのに今すぐ購入ボタンを統合するいくつかの助けが必要になります。ここでは

は、ボタンのHTMLです：

<div id="buy-this-photo"> 
<a href="http://ee.rouviere.com/photo/image/Leaf_stains_on_sidewalk"> 
     <img src="http://ee.rouviere.com/_images/btn_buy-this-photo.jpg" 
      alt="Buy This Photo" /></a> 
</div> 

href部分を動的にして、現在のエントリのリンクを反映させる必要があります。

ご協力いただきありがとうございます。

Answer 1

私が正しく理解していれば、あなたがやりたいことが偽リターンの上にこの行を追加することができるはずです。

var urlTitle = caption.toLowerCase().replace(' ', '_'); 
$('#buy-this-photo a').attr('href', 'http://ee.rouviere.com/photo/image/' + urlTitle); 

これは、そのテンプレートに従ったURLのタイトルにタイトルを変換する必要があります。

また、別の属性またはメタデータとしてURLのタイトルを貼り付け、その代わりに使用することもできます。