jquery点击一个img隐藏一个LI

Question

我有类似于以下内容...使用python脚本来填充JSON。

<ul>
<li id="p1" class="x">val1 <img id="ip1" class="redx" src="redx.gif"/></li>
<li id="p2" class="x">val2 <img id="ip2" class="redx" src="redx.gif"/></li>
<li id="p3" class="x">val3 <img id="ip3" class="redx" src="redx.gif"/></li>
<li id="p4" class="x">val4 <img id="ip4" class="redx" src="redx.gif"/></li>
</ul>

我想要一些jquery来...当点击红色x图像时...隐藏它所在的整个LI单元格。

我尝试过一些事情，但......无济于事。

编辑：总而言之 ..这似乎没有触发......这似乎是一个根本问题。

$(function(){
    function removeli() {
      alert("got here" + this.id);
    }
    $("redx").click(removeli);
});

关于最终jquery代码的任何想法来实现这个目标吗？

Answer 1

类需要.前缀

$('.redx').live('click', removeli);

---

使用live更新代码：

$(function() {
    $('.redx').live('click', function() {
        $(this).parent('li').hide(); // or .remove()
    });
});

使用委托（仅在<ul>未更改时才有效，只有<li>内有效）：

$(function() {
    $('ul').delegate('img', 'click', function() {
        $(this).parent('li').hide();
    });
});

Answer 2

$(".redx").click(function(){
    $(this).parent().hide();
});