javascript - Jquery onclick 删除 i++

Question

我有很多由 del1、del2、del3 等定义的项目。

如何将 .click 设置为 .del1 delete(1) 和 .del2 delete(2)？

<li>
    <a href="http://www." target="new">http://www.</a>
    <a href="#">
        <img class="del1" src="images/page_white_delete.png" title="Delete">
    </a>
</li>
<li>
    <a href="http://www." target="new">http://www.</a>
    <a href="#">
        <img class="del2" src="images/page_white_delete.png" title="Delete">
    </a>
</li>

jQuery:

$(".del1").click(function(){
   favs.webdb.deleteTodo(1);
});

旧代码是这样写的:

    <li><a href="http://www.tes.com" target="new">http://www.tes.com</a>
<a href="javascript:void(0);" onclick="favs.webdb.deleteTodo(1);">
<img src="images/page_white_delete.png" title="Delete">
</a></li>

我还认为我可能必须进行 jquery 实时点击，因为 webdb 在页面加载完成之前不会加载。

Answer 1

使用通用类和 data-* 属性:

<img class="del" data-number="1" src="images/page_white_delete.png" title="Delete">
<img class="del" data-number="2" src="images/page_white_delete.png" title="Delete">


$(".del").click(function(){
    favs.webdb.deleteTodo($(this).data("number"));
});