ansaurus

Question

Answer 1

+1 A:

Try this:

$(document).ready(function()
{
  $("input[type=button]").click(function()
  {
    $(this).parent().remove();
  });
});

Note: Using Jquery here.

Sarfraz 2010-02-10 06:39:34

any eplanation guys????????????????????????

Sarfraz 2010-02-10 06:44:40

Your initial posted solution does not work - you're including functions in a selector in a way that jQuery does not behave.

Erik 2010-02-10 06:45:05

also mind that my answer is the oldest of all !!!!!!!!!!!!!!

Sarfraz 2010-02-10 06:45:13

@Erik: please take your time to have a look at my answer again and respond accordintly, thanks.

Sarfraz 2010-02-10 06:46:18

Removed the -1 since you removed the incorrect answer. :) Also, you should avoid recommending that people put handlers inline. While not 'wrong' its bad practice.

Erik 2010-02-10 06:47:09

@Erik: Thanks man, you are right, i should not post inline solutions but i wanted to be little quick :)

Sarfraz 2010-02-10 06:48:32

-1 For if the button is not under `li`, the parent of that button will still be removed and not a good idea... e.g. `div` with a button.

Reigel 2010-02-10 07:00:25

@Reigel: i don't undertand what you mean and why :(

Sarfraz 2010-02-10 07:02:27

Using this code, if there is another button on the form, it will work for any other button though it may not have to have the same function!!!

2010-02-10 07:16:24

@user269431 You are correct, if the button happens to be in a form, and the form happens to be the parent, the form will be remove.

Reigel 2010-02-10 07:38:05

@user269431 and @Reigel: You can easily modfiy the code with closest, etc but this was made to be simple. Thanks

Sarfraz 2010-02-10 07:39:59

closest is still not the answer... you should be more clear on that to beginners... look for your code here http://jsbin.com/eciki

Reigel 2010-02-10 07:45:08

Answer 2

+2 A:

$("input[type=button]").click(function() { 
   $(this).parent().remove();
}

womp 2010-02-10 06:40:17

Don't you mean `$('input[type="button"]')`, or `$('#list > li > input')`?

K Prime 2010-02-10 06:44:16

Why yes I do. Thanks for the spot... my head was in my own project ;)

womp 2010-02-10 06:44:47

How about $(":button")?

Bernard Chen 2010-02-10 06:45:56

-1 For if the button is not under `li`, the parent of that button will still be removed and not a good idea... e.g. `div` with a `button`.

Reigel 2010-02-10 06:59:48

@Reigel - and yet... all the buttons *are* under li's. You could easily change it to closest('li') or filter the result for 'li' - but I prefer to keep my answers straightforward and simple for obvious beginners.

womp 2010-02-10 07:15:15

@womp Yes, but I think you should be explaining it for beginners... `closest()` is still not the answer... you might want to `$("#list :button").click()`

Reigel 2010-02-10 07:36:16

Answer 3

A:

this should be the accurate answer:

$(document).ready(function(){

  $("#list :button").click(function(){
    $(this).parent().remove();
  });

});

for if you use suggestions of womp's and Sarfraz's, you might be removing the wrong element.. You can see what I mean here.

Reigel 2010-02-10 07:50:55

if the list has an Id, how can we improve on the above code? In this case, the event will be launched on all anu list containing a button.

2010-02-10 08:08:01

Also, I may have a button in the list that may have another event? The above example does not cater for a save button, that may create a list dynamically and add it as the last list.

2010-02-10 08:33:26

hhmmm... you were not clear on that one... but if you can see, I already answered your question above.. How about clicking the check on the right, then ask another question on stackoverflow.

Reigel 2010-02-10 10:52:59

ansaurus

tags:

views:

answers:

remove <li> based on button click

related questions