jquery click an img hide an LI
- by Kirby
i have something similar to the following... used a python script to JSON to populate.
<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>
I'd like some jquery to... when click the red x image.. to hide the whole LI cell it is in.
I have tried a few things but ... to no avail.
EDIT: All in all.. this doesnt seem to trigger ... this seems like a fundamental issue.
$(function(){
function removeli() {
alert("got here" + this.id);
}
$("redx").click(removeli);
});
Any ideas on the final jquery code to accomplish this?
