2011-12-20 41 views
0

我有這樣的代碼重複一遍又一遍在一個頁面中,所有的變化是id_filme值。如何通過jquery ajax發佈超過200個值的頁面href值?

<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,然後改變圖像ICONE-plus1.png或ICONE-plus2.png(將取決於每一個被點擊)被加載圖標加成功巴紐。

到目前爲止,我有這樣的:

<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> 

問題是URL不拿起正確(使用總是在第一時間出現在頁面上的代碼的一個挑),我不知道如何點擊後可以更改圖像嗎?

這似乎很基本...但只是沒有我的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> 

注意我不得不看着全班同學做了改變您的來電.attr(「HREF」)的唯一變化(.add2或.add3)改爲引用當前點擊的對象(this)的attr。

+0

如果您使用的是jQuery 1.7+,那麼您可能希望使用'prop'而不是'attr' – mrtsherman 2011-12-20 18:11:03

+0

如果您想更改圖像,請執行此操作。 '(this).children('img')。prop('src',newimageurl);'獲得單擊項目的子圖像並更改其src文件。 http://jsfiddle.net/H47cu/ – mrtsherman 2011-12-20 18:12:50

+0

DANG !!!!我是那麼近啊!幾乎使我自己的第一個片段的jQuery沒有複製和粘貼:D謝謝@Jake Feasel,讓我省了很多時間 – 2011-12-20 18:33:23