Question

我在一个页面中反复重复此代码，其中所有更改都是id_filme值。

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

我希望使用AJAX和jQuery加载这个HREF，然后将图像icone-plus1.png或icone-plus2.png（取决于每个被点击的）更改为icon-plus-success.png。 / p>

到目前为止，我有这个：

<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知识水平还没有...有人可以帮助我吗？

提前致谢。

Answer 1

你关闭了：

<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（＆＃34; href＆＃34;）的调用从查看整个类（.add2或.add3）更改为改为调用attr当前点击的对象（this）。

当页面有超过200个值时，如何通过jquery ajax发布href值？

1 个答案: