JQuery select button element by attribute

Question

My HTML:

<button class="btn btn-primary cl-width" ng-click="search()">
  <i class="icon-search icon-white"></i>&nbsp;Search</button>
<button class="btn cl-width" ng-click="criteriaModel.reset()">
  <i class="icon> iconfa-undo"></i>&nbsp;Reset</button>

My jQuery:

$("button[ng-click:'search()]")

It shows an error:

Error: Syntax error, unrecognized expression: button [ng-click:'search()]

Doesn't jQuery support attribute selector for button element? I can achieve that by $("button.btn-primary"), but I don't think that is good enough.

How could I select a button element by its attribute?

Ya you have a syntax error in your selector... What about just reading the selector you are using? — A. Wolff
– A. Wolff, Commented Sep 11, 2013 at 8:54

Dipesh Parmar · Accepted Answer · 2013-09-11 09:06:40Z

17

Try

$("button[ng-click='search()']")

edited Sep 11, 2013 at 9:06

answered Sep 11, 2013 at 8:53

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

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

Comments

Anton · Accepted Answer · 2013-09-11 08:57:05Z

6

Try this

$("button[ng-click='search()']").text()

DEMO

answered Sep 11, 2013 at 8:57

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Comments

Liad Livnat · Accepted Answer · 2013-09-15 06:22:49Z

1

please use the following

$("button[ng-click='search()']")

edited Sep 15, 2013 at 6:22

answered Sep 11, 2013 at 8:53

Liad Livnat

7,49517 gold badges62 silver badges98 bronze badges

1 Comment

Jakub Kotrs Over a year ago

No, the extra space after button space makes it not working.

Collectives™ on Stack Overflow

JQuery select button element by attribute

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related