Get text with jQuery

Question

I have this code

<input type="checkbox"/>
<span>Foobar</span>
<input type="radio" checked="checked">Foo
<input type="radio">Bar

How to get the text Foo with jQuery where $(this) is the node <input type="checkbox"/>?
I can get the <input type="radio" checked="checked"> with $(this).parent().find(":checked").not($(this)) but I don't know how to have the text.

The <input> aren't closed they should be <input type="radio" checked="checked" />Foo or <input type="radio" checked="checked">Foo</input> or am I mistaken? — m.edmondson
– m.edmondson, Commented Jan 9, 2012 at 14:37
@m.edmondson: The first example in your comment is only required for XHTML validation. The second isn't actually valid HTML. — user1106925
– user1106925, Commented Jan 9, 2012 at 14:39
I agree - I stand corrected w3.org/TR/html401/interact/forms.html#h-17.4, specifically that End tag: forbidden — m.edmondson
– m.edmondson, Commented Jan 9, 2012 at 14:45

user1106925 · Accepted Answer · 2012-01-09 14:35:01Z

1

Once you get to the target element...

use [0] to get the DOM element at the first index from the jQuery object,
use nextSibling to get the text node,
use data to extract the text content.

var txt = $(this).next().next()[0].nextSibling.data

or

var txt = $(this).nextAll(':radio')[0].nextSibling.data

answered Jan 9, 2012 at 14:35

user1106925

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

2 Comments

karim79 Over a year ago

Ahaha, again. Was just typing this ;)

Snote Over a year ago

I want the text of the checked radio button so I change :radio by :checked $(this).nextAll(':checked')[0].nextSibling.data Thanks

Jimmy Theis · Accepted Answer · 2012-01-09 14:37:43Z

0

It looks like .val() might work (API Reference).

$(this).parent().find(":checked").not($(this)).val()

answered Jan 9, 2012 at 14:37

Jimmy Theis

4483 silver badges8 bronze badges

Collectives™ on Stack Overflow

Get text with jQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related