Changing text of a button in an array of buttons jQuery

Question

I need some explanations. I'm trying to change the text of a button which is in an array of buttons. $buttons is my array of buttons. My question is simple: why can I change the text of all my buttons in my array, but when I target a button "$buttons[1]" it doesn't work.

$buttons.text("My NEW Text");

works and change the text of all buttons in my $buttons array but when I do

$buttons[1].text("My NEW Text");

it give me the error:

"$buttons[1].text is not a function"

Rob M. · Accepted Answer · 2017-08-15 22:52:00Z

1

$buttons[1] (or the jQuery equivalent $buttons.get(1)) accesses the actual DOM node, not the jQuery object. There is no text() method on DOM nodes. You should use jquery.eq to access the jQuery object at a particular index:

$buttons.eq(1)

answered Aug 15, 2017 at 22:52

Rob M.

36.6k6 gold badges56 silver badges51 bronze badges

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

Comments

louisfischer · Accepted Answer · 2017-08-15 23:00:37Z

0

The simplest (and cleanest) solution would probably be to attach an ID to that button. That way you can easily change the text using:

$("#ButtonId").text("My New Text")

edited Aug 15, 2017 at 23:00

louisfischer

2,0942 gold badges25 silver badges40 bronze badges

answered Aug 15, 2017 at 22:53

Gabriel Jaeger

217 bronze badges

Collectives™ on Stack Overflow

Changing text of a button in an array of buttons jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related