How do I invoke button click function in Jquery

Question

I have got the following code in html

      <div class="functionitem" id="viewresult"><span class="button"><span>
      <input type="button" class="form_button" value="  View"></span></span>
       </div>

So I try to using the following jquery click function to invoke a method when the button get clicked, this is what I have done

      $("#viewresult:button").click(function () { 
      //methods
          });

But it's not working, what did I do wrong, please help, thanks

What does the colon do? Try #viewresult input[type=button] — beatgammit
– beatgammit, Commented Sep 11, 2011 at 1:25
@tjameson It's a special jQuery selector: api.jquery.com/button-selector — Digital Plane
– Digital Plane, Commented Sep 11, 2011 at 1:30
since you have only one input element in the container with id 'viewresult' you don't need to use button you can just use input like $('#viewresult input').click(funtion()); — Ehtesham
– Ehtesham, Commented Sep 11, 2011 at 1:33
@Digital Plane - Hrm... I'd recommend using straight CSS3 selectors where possible. — beatgammit
– beatgammit, Commented Sep 11, 2011 at 1:33

tvanfosson · Accepted Answer · 2011-09-11 01:27:22Z

5

Your selector is wrong. It is trying to find a button with id viewresult. Putting a space between the two will indicate that the button should be a descendant of the viewresult element.

 $("#viewresult :button").click(function () { 
  //methods
 });

edited Sep 11, 2011 at 1:27

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

answered Sep 11, 2011 at 1:25

Digital Plane

38.4k7 gold badges60 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brad Christie · Accepted Answer · 2011-09-11 01:26:16Z

0

Leave a space in your selector. :button is a descendant of #viewitem, not a qualifying property. e.g.

$('#viewitem :button').click(...);

That says "a :button that falls under the #viewitem element"

answered Sep 11, 2011 at 1:26

Brad Christie

102k16 gold badges160 silver badges200 bronze badges

Comments

Darthg8r · Accepted Answer · 2011-09-11 01:27:17Z

0

 $("#viewresult input:button").click(function () { 
     //methods
 });

answered Sep 11, 2011 at 1:27

Darthg8r

12.7k15 gold badges66 silver badges101 bronze badges

Collectives™ on Stack Overflow

How do I invoke button click function in Jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related