Here is the DOM :

<div class="form-actions">
<button class="btn btn-primary" type="submit">Save device</button>
</div>

I want to use Jquery to select the button and click on it? I tried using : jQuery(".btn btn-primary").click() which is not working

Here is the DOM :

<div class="form-actions">
<button class="btn btn-primary" type="submit">Save device</button>
</div>

I want to use Jquery to select the button and click on it? I tried using : jQuery(".btn btn-primary").click() which is not working

• javascript
• jquery

Share Improve this question Follow asked Apr 9, 2015 at 20:41 user3397379user3397379 13111 gold badge22 silver badges66 bronze badges 4

• 3 Please google your title and tell me what es up – Sterling Archer Commented Apr 9, 2015 at 20:45
• possible duplicate of Programmatically click a button using jquery – Sterling Archer Commented Apr 9, 2015 at 20:46
• Not really a duplicate. The problem/solution here involves selector syntax. – showdev Commented Apr 9, 2015 at 20:49
• Youre right, didn't read enough – Sterling Archer Commented Apr 9, 2015 at 20:52

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 6

You are trying to select an element with both classes, therefore your selector should be .btn.btn-primary.

$('.btn.btn-primary').click();

You were trying to select a element with class .btn-primary that was a descendant of a .btn element.

Your selector is incorrect; because both classes are on the same element you need to separate them by . with no spaces:

jQuery(".btn.btn-primary").click()

You could use the jQuery trigger() method to trigger the behaviour of an existing event handler.

https://api.jquery./trigger/

example:

<button id='testButton'>Test</button>

<script>
$(function(){
   $('#testButton').on('click' , function(){
        alert("I've been clicked!");
   });

   //now on another event, in this case window resize, you could trigger
   //the behaviour of clicking the testButton?

  $( window ).resize(function() {
        $('#testButton').trigger( "click" );
  });

});

</script>

See the following:

https://api.jquery./trigger/

Use $(".btn-primary").trigger("click");

Hope that helps

Just incase you did not learn yet, you can always define an Id for the button and use it this way:

<div class="form-actions">
  <button id="mybutton" class="btn btn-primary" type="submit">Save device</button>
</div>


 $('#mybutton').click(function(){
    //your code goes here
 });

$( window ).load(function() { $(".btn-primary").trigger('click'); });