2011-12-20 6 views
0

このコードは、すべての変更がid_filme値であるページで何度も何度も繰り返されています。アイコンプラス成功へページに200を超える値がある場合、href値をjquery ajax経由で投稿するにはどうすればよいですか?

<a href="import/add-filmespessoa.php?id_pessoa=2&id_filme=658" class="add2"><img src="img/icone-plus1.png" width="16px" alt=""></a> 
<a href="import/add-filmespessoa.php?id_pessoa=3&id_filme=658" class="add3"><img src="img/icone-plus2.png" width="16px" alt=""></a> 

そして、私はこのHREFは、AJAXとjQueryを使用してロードされた後、画像オペラコミック - plus1.pngやオペラコミック - plus2.pngを変更することがしたかった(各1に依存するであろうクリックしました) .png。

これまでのところ、私はこれがあります。問題は、URLが正しく拾わ(1コードがページに表示されていることを初めてから選ん常に使用しています)と私はどのように考えているではないです

<script> 
$(document).ready(function() { 
$('a.add2').click(function (event){ 
    event.preventDefault(); 
    var url2 = $(".add2").attr("href"); 
      alert(url2); 
    $.get(url2); 
}); 
$('a.add3').click(function (event){ 
    event.preventDefault(); 
    var url3 = $(".add3").attr("href"); 
    $.get(url3); 
}); 
}); 
</script> 

をクリックした後に画像を変更することはできますか?

これはかなり基本的なようです...しかし、私の知識レベルのjQueryでは...誰も助けてくれませんか?

ありがとうございます。

答えて

3

あなたが近くにいる:

<script> 
$(document).ready(function() { 
$('a.add2').click(function (event){ 
    event.preventDefault(); 
    var url2 = $(this).attr("href"); 
      alert(url2); 
    $.get(url2); 
}); 
$('a.add3').click(function (event){ 
    event.preventDefault(); 
    var url3 = $(this).attr("href"); 
    $.get(url3); 
}); 
}); 
</script> 

注私はクラス全体を見てから(「HREF」)を.ATTRためにあなたの呼び出しを変更してしなければならなかった唯一の変更(いずれか.add2かを.add3)現在クリックされているオブジェクト(this)のattrを参照します。

+0

jQuery 1.7+を使用している場合は、おそらく 'attr'の代わりに' prop'を使用したいと考えています – mrtsherman

+0

イメージを変更したい場合は、これを行います。 '$(this).children( 'img')。prop( 'src'、newimageurl);'これは、クリックされたアイテムの子イメージを取得し、そのsrcファイルを変更します。 http://jsfiddle.net/H47cu/ – mrtsherman

+0

DANG !!!!私はその近くだったね!ほとんど私の最初のスニペットをjQueryのコピーと貼り付けなしで自分で作成しました:D Thanks @Jake Feasel、私に多くの時間を割きました –

関連する問題